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 }