微客导航 » 文章资讯 » vue+layui实现select动态加载后台数据的例子

vue+layui实现select动态加载后台数据的例子

2023-08-13 21:38:05 440

刚开始由于layuiform渲染与vue渲染有时间差有时会导致select里面是空白的

后来就想办法等vue数据渲染完再渲染layuiform

试过模块化导入layuiform组件然后等vue数据渲染完后手动进行渲染

这种方式有一个小问题有时候会提示render方法未定义

可能是由于执行顺序原因vue先执行了

最后把vue代码放到layui.use里面问题解决

可能不是最好的实现方式如有更好的实现方式欢迎指出共同进步

页面代码

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动态加载后台数据的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

vue+layui实现select动态加载后台数据的例子

热门推荐

随机推荐