1.首先你得先安装vue cli
2.在vue cli 可视化任务里安装layui-src,这样子在vue项目文件夹下的node_modules的文件夹里就能找到layui-src文件夹,里面的文件都是layui的基础文件,包括css,js等
3.在layui-src文件夹下找到dist文件夹,接着你就能看到css和layui.js等文件了,根据需要复制相关文件
4.在public文件夹下新建文件夹static,在这里我们还得先建一个js文件夹,用来存放刚刚复制的需要的layui的文件
5.接着要把layui的模块在main.js中挂载到vue项目里Vue.prototype.$layer = window.layui.layer;
6.之后,我们就可以在index.html中使用script标签引用layui了v<script src="./static/js/layui.all.js"></script>
7.接着在你需要的页面正常引用layuix相关组件就可以了
网友评论