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

一、问题

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

 

二、layui更新渲染

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

 

三、Vue生命周期

 

四、解决方案

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