在Vue.js中初始化materialize元素

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