美文网首页
在vue cli 里使用 layui

在vue cli 里使用 layui

作者: 追风筝的一朵云 | 来源:发表于2020-07-08 12:37 被阅读0次


    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相关组件就可以了

    相关文章

      网友评论

          本文标题:在vue cli 里使用 layui

          本文链接:https://www.haomeiwen.com/subject/muigtktx.html