刚开始由于layui形式渲染与vue渲染有时间差有时会导致选择里面是空白的
后来就想办法等vue数据渲染完再渲染layui形式
试过模块化导入layui形式组件然后等vue数据渲染完后手动进行渲染
这种方式有一个小问题有时候会提示渲染方法未定义
可能是由于执行顺序原因vue先执行了
最后把vue代码放到layui。使用里面问题解决
可能不是最好的实现方式如有更好的实现方式欢迎指出共同进步
<强>页面代码
& lt; div id=把菔尽眂lass=發ayui-inline layui-form”lay-filter=皌est2”比;
& lt; select>
v=& lt;选项”选项中选择“v-bind: value=" https://www.yisu.com/zixun/option.id "比;
{{option.name}}
& lt;/option>& lt;/select>
& lt;/div>
<强> js
var vue=new vue ({
艾尔:#演示,
数据:{
选择:{},
选择:[]
},
创建:函数(){
this.send ();
},
更新:函数(){
layui.form.render(‘选择’,‘test2);
console.log (layui.form);
},
方法:{
send () {
axios ({
方法:“得到”,
url:“$ {contextPath}/找到# 63;页面=1,限制=100
})。然后(resp=比;{
这一点。选择=resp.data.data;
console.log (resp.data.data);
})。抓住(resp=比;{
console.log(“请求失败:“+ resp.status +”、“+ resp.statusText);
});
}
},
})
以上这篇vue + layui实现选择动态加载后台数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
