如何在vue中安装及使用layui框架[通俗易懂]

如何在vue中安装及使用layui框架[通俗易懂]首先第一步,我们先安装layui,如下图:第二步,安装完成之后,然后接下来你在你文件夹目录下的(node_modules)中找到(dist文件),如下图:第三步,将dist下的文件直接复制到文件目录的static中,那么你就要在static文件当中见一个layui的文件夹,将他们放在里边,如下图:第四步,你就开始可以引入layui中的代码了,直接看步骤吧,哈哈第五步,看看效果图吧,哈哈哈…

大家好,又见面了,我是你们的朋友全栈君。

首先第一步,我们先安装layui,如下图:
在这里插入图片描述第二步,安装完成之后,然后接下来你在你文件夹目录下的(node_modules)中找到(dist文件),如下图:
在这里插入图片描述
在这里插入图片描述第三步,将dist下的文件直接复制到文件目录的static中,那么你就要在static文件当中见一个layui的文件夹,将他们放在里边,如下图:
在这里插入图片描述第四步,你就开始可以你的组件当中引入layui中的代码了,引完代码后直接引入他们的路径,那么直接看步骤吧,哈哈
在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509014141416.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzNzg0MA==,size_16,color_FFFFFF,t_70![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509014503366.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzNzg0MA==,size_16,color_FFFFFF,t_70在这里插入图片描述第五步,看看效果图吧,哈哈哈
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/152822.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 解决pycharm添加python2.7解释器出现Failed to create virtual environment和添加python3.8解释器SDK无效问题[通俗易懂]

    解决pycharm添加python2.7解释器出现Failed to create virtual environment和添加python3.8解释器SDK无效问题[通俗易懂]解决pycharm添加python2.7解释器出现Failedtocreatevirtualenvironment和添加python3.8解释器SDK无效问题

    2022年8月29日
  • 微信小程序错误码参考大全

    微信小程序错误码参考大全

    2021年11月8日
  • srsLTE测试SDR频偏[通俗易懂]

    srsLTE测试SDR频偏[通俗易懂]1、在Android手机上使用网络信号大师确定当前连接基站的EARFCN。2、修改srsue的ue.conf中earfcn参数为手机连接的基站。3、启动srsue尝试接入,如果收不到基站或接入失败,可以调节ue.conf中的频偏(freq_offset)参数,可以从修改-15000到15000(可以5000为步进调节)不停重复尝试接入。4、能成功接入基站后,FoundCell信息中会有CFO参数,此参数即为频偏,然后再根据此值调试频偏值,频偏=频偏+CFO,比如CFO为-5.5k,频偏=频偏-

    2022年9月27日
  • java解析xml转为Map

    java解析xml转为Map之前开发过一个解析多层级xml文件的工具类,后来处理的时候发现,这种方式得到的map或json集合多一个key标签,在解析的时候会比较麻烦,于是根据需要在原有方法的基础上写出了另外的处理方法,总结记录如下:1、单节点单层级、单节点多层级xml转mapimportjava.io.ByteArrayInputStream;importjava.util.ArrayList;importjava

    2022年5月30日
  • icem网格数和节点数_icem如何查看网格数量[通俗易懂]

    icem网格数和节点数_icem如何查看网格数量[通俗易懂]>减少总块数,加速求解关键:统一索引y/j索引空间索引空间x/i结构网格的索引与合并ICEM中块的合并Autodyn中网格的合并结构网格的索引与合并索引……网格的索引合并->减少总块数,加速求解关键:统一索引y/j索引空间索引空间x/i结构网格的索引与合并ICEM中块的合并Autodyn中网格的合并结构网格的……选择…

    2022年5月25日
  • mysql 误清空表 恢复数据

    mysql 误清空表 恢复数据把今天一不小心把订单表清空,怎么恢复数据的记录下来首先mysql需要开启bin-log,我的是宝塔面板,默认开启接下来进入到宝塔的www/server/data控制台输入find/-namemysqlbinlog-print找到binlog地址然后软连到usr/binln-fs/www/server/mysql/bin/mysqlbinlog/usr…

    2022年5月27日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号