![](/pic/vue中使用layui,layui与vue怎么兼容.jpg)
### vue中使用layui + 下载 npm i layui-src +在main.js中引入 // 导入lauui import "layui-src/dist/css/layui.css"; import "layui-src/dist/layui.all.js";
╯▂╰
在vue中使用layui的方法: 1、把layui对应的包放在static文件夹下,所以就直接放在了static下 2、在index.html中直接引入layui.js和layui.css 3、在vue组件中的created勾子函数中写
zai v u e zhong shi yong l a y u i de fang fa : 1 、 ba l a y u i dui ying de bao fang zai s t a t i c wen jian jia xia , suo yi jiu zhi jie fang zai le s t a t i c xia 2 、 zai i n d e x . h t m l zhong zhi jie yin ru l a y u i . j s he l a y u i . c s s 3 、 zai v u e zu jian zhong de c r e a t e d gou zi han shu zhong xie . . .
∩^∩
Layui-Vue是一个基于Vue.js的UI组件库,它提供了丰富多样的组件,用于简化项目开发中的前端工作。你可以通过引入脚本文件或npm安装的方式来使用Layui-Vue。然后,你可以使用表单
3.正确的使用姿势: 我们把文件放在static文件下,然后在html文件下引入,这样就可以在任意的组件中使用到layui这个对象了,这样我们就可以正确的使用layui里面的各种ui组件了 代码语言
在node_modules下找到layui-src下的build文件夹复制到项目的public目录下重命名为layui 二、在index.html引入layui的css和js 或者
解决办法: 安装@vue/compiler-sfc并且将vue版本设置为2.2.26即可。 5.3 Layui引入 1. 参考官网 http://layui-vue/zh-CN/guide/getStarted 2. 安装指令 npm instal
发表评论