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 }