最近在使用layui+vue,碰到了挺多问题,总结一下
1.模块的加载路径问题
刚开始的时候我在main.js里只引了这两句
但使用layui.use('form', callback)将时就会报模块没有加再进来的错,很奇怪,
然后解决办法就是根据缺失的模块,对应的引入,比如form,再加这么一句
import '../node_modules/layui-src/src/lay/modules/form'
但组件一用多就会出现下面的情况
这样很麻烦,还要一个个引入,源码中应该做好了相关依赖的操作的,可能是哪里出了问题
这是layui.js里的一部分代码,可看到模块加载的路径好像不太多,我的模块都在/node_modules/layui-src/src/lay/modules 目录下,而它加载的是/lay/modules,所以解决办法一: 这种办法比较蠢,也是我用的,直接把相关包放到public目录下,方面localhost:8080时会自动在这个目录下找。应该还有其他办法,不过现在学艺不精只能先这样做
因为layui.js有这么一句
所以我就在原型上挂载了一个layui,
Vue.prototype.layui = window.layui
这样每个vue实例都能访问到new Layui()这个实例了
2.vue-router跳转后 layui里的select会消失
忘了刚开始是怎么做的了。。。反正改成下面这样就ok了
this.layui.use('form', ()=> { let form = this.layui.form; form.on('select(shzt)', (data)=> { }); form.render()
3.关于laydate使用
this.layui.use('laydate', () => { let laydate = this.layui.laydate console.log(laydate) laydate.render({ elem: '#test1', done: function(value, date, endDate){ } })
这里要传入done作为回调