初始化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。