vue+layui实现select动态加载后台数据的例子
刚开始由于layuiform渲染与vue渲染有时间差有时会导致select里面是空白的
后来就想办法等vue数据渲染完再渲染layuiform
试过模块化导入layuiform组件然后等vue数据渲染完后手动进行渲染
这种方式有一个小问题有时候会提示render方法未定义
可能是由于执行顺序原因vue先执行了
最后把vue代码放到layui.use里面问题解决
可能不是最好的实现方式如有更好的实现方式欢迎指出共同进步
页面代码
js
varvue=newVue({ el:'#demo', data:{ option:{}, options:[] }, created:function(){ this.send(); }, updated:function(){ layui.form.render('select','test2'); console.log(layui.form); }, methods:{ send(){ axios({ method:'get', url:'${contextPath}/find?page=1&limit=100' }).then(resp=>{ this.options=resp.data.data; console.log(resp.data.data); }).catch(resp=>{ console.log('请求失败:'+resp.status+','+resp.statusText); }); } }, })
以上这篇vue+layui实现select动态加载后台数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。