初始化Vue.js中的元素化元素

Question

如何在Vue.js中初始化Materializes中的select或modal元素？當我在文檔中添加以下代碼時，元素不起作用。

<script> 
 

 
$(document).ready(function() { 
 
    $('.modal-trigger').leanModal('open'); 
 
    $('select').material_select(); 
 
}); 
 

 
//Vue.js code here... 
 
    
 
</script>

Answer 1

你可以嘗試把這個代碼在Vue公司的lifecycle hooks之一（見this diagram找出到底他們正在執行的地方），你可能會想使用mounted。

但請記住，這不是一個真正的防彈解決方案。 Vue可能會稍後以不同方式操作DOM，因此不一定與Materialize兼容。在這些情況下，最好的解決方案總是找到您嘗試使用的組件的框架特定實現，例如Vue Material。