Vue中使用layui select选择框没法渲染的问题

1、问题

　　在Vue中使用layui后，刷新页面或者首次进入页面select能够正常加载，可是从其余页面进入就没法渲染。要解决这个问题首先弄明白layui的form模块渲染原理以及Vue的生命周期。

 

2、layui更新渲染

　　layui若是不加载form模块，select、checkbox、radio等将没法显示，而且没法使用form相关功能。有些时候，你的有些表单元素多是动态插入的。这时 form 模块的自动化渲染是会对其失效的。虽然layui没有双向绑定机制，但没有关系，你只须要执行 form.render(type, filter); 方法便可。（详情查看layui文档）

 

3、Vue生命周期

 

4、解决方案

1 mounted: function () { 2 layui.use('form', function () { 3 var form = layui.form; 4 form.render('select'); 5  }); 6 }