平安网站建设发挥了积极的作用,app平台开发需要的资源与团队,福州网站建?O,网页制作工具按其制作方式分可以分为哪几种vuelayui实现select动态加载后台数据的例子发布时间#xff1a;2020-09-18 22:51:36来源#xff1a;脚本之家阅读#xff1a;85作者#xff1a;qq_26814945刚开始由于layui form渲染与vue渲染有时间差 有时会导致 select里面是空白的后来就想办法 等vue数据渲染完 再渲染la…vuelayui实现select动态加载后台数据的例子发布时间2020-09-18 22:51:36来源脚本之家阅读85作者qq_26814945刚开始由于layui form渲染与vue渲染有时间差 有时会导致 select里面是空白的后来就想办法 等vue数据渲染完 再渲染layui form试过模块化导入layui form组件 然后等vue数据渲染完后手动进行渲染这种方式有一个小问题 有时候会提示render方法未定义可能是由于执行顺序原因 vue先执行了最后把vue代码放到layui.use里面 问题解决可能不是最好的实现方式 如有更好的实现方式欢迎指出 共同进步页面代码{{ option.name }}jsvar vue new Vue({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?page1limit100}).then(resp {this.options resp.data.data;console.log(resp.data.data);}).catch(resp {console.log(请求失败resp.status,resp.statusText);});}},})以上这篇vuelayui实现select动态加载后台数据的例子就是小编分享给大家的全部内容了希望能给大家一个参考也希望大家多多支持亿速云。
