vue-cli3使用layui

摘要:
首先,构建项目目录;步骤1:下载layuinpmilayui src node_ modules文件夹下将有一个layui-src;第二步是在main.js中引入css。此时,css是成功的;但是如果这里没有成功引入js,就会报告一个错误,所以在其他地方引入js(告诉我是否成功)步骤3:将js引入node_将模块下的layui-src文件夹复制到与index.html相同级别的公共文件夹,然后编辑

先来一个项目目录构造;

vue-cli3使用layui第1张

第一步下载layui

npm i layui-src

此时node_modules文件夹下面会有一个layui-src;

第二步引入,在main.js引入css,这时候css成功了;  但是js在这里引入不成功会报错,所以把js在其他地方引入(有成功的告诉我哈)

vue-cli3使用layui第2张

 第三步引入js

把node_modules下面的layui-src文件夹拷贝到public下面,跟index.html同级

然后编辑index.html引入<script src="http://t.zoukankan.com/layui-src/dist/layui.js"></script>

vue-cli3使用layui第3张

第四步直接使用

vue-cli3使用layui第4张

免责声明:文章转载自《vue-cli3使用layui》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Pytorch 分割模型构建和训练【直播】2019 年县域农业大脑AI挑战赛---(四)模型构建和网络训练Eclipse中web项目部署至Tomcat步骤下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

requireJS的使用_API(1)

之前有介绍过requireJS(模块化开发),可以看看 ,但是不详细,所以今天参考官网来详细介绍一下: 1.加载js文件: RequireJS的目标是鼓励代码的模块化,它使用了不同于传统<script>标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。 Requ...

Mongodb中的js语法

定义一个变量 > var len = 10; For循环 这里的db和data都可以作为对象 save是方法 接收一个临时定义的对象 > for(var i = 0; i < len; i++){db.data.save({x:i})}; WriteResult({ "nInserted" : 1 }) > db.dat...

关于js判断鼠标移入元素的方向——上下左右

一开始我是这么想的,将待移入的元素分割四块,用mousemove获取第一次鼠标落入的区域来判断鼠标是从哪个方向进去的。 所以只要写个算法来判断鼠标的值落入该元素的区域就可以得出鼠标移入的方向,如下图: 对于数学不太好的我,只能上网找下看有没有人解决了。找到了如下这段: var x = (e.pageX - this.offsetLeft - (w / 2...

js学习难点

JS学习难点: this关键字 面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。 在方法中,this 表示该方法所属的对象。 如果单独使用,this 表示全局对象。 在函数中,this 表示全局对象。 在函数中,在严格模式下,this 是未定义的(undefin...

原生js和vue之间的数据通讯--EventEmitter

有个小项目在原来原生的框架编写,但是不想写原生,就引入了vue 然后有个需求要和原生的js进行交互通讯,于是就可以用node.js EventEmitter 具体做法: 先引入文件<script src="http://t.zoukankan.com/js/eventEmitter.js"></script>, 初始化, 然后在vu...

JS 富文本编码、解码

第一种  escape()和unescape()方法 escape() 方法能够把 ASCII之外的所有字符转换为 %xx 或 %uxxxx(x表示十六进制的数字)的转义序列。从 u000 到 u00ff 的 Unicode 字符由转义序列 %xx 替代,其他所有 Unicode 字符由 %uxxxx 序列替代。  如 var str = "编程最美";...