javascript - 在 Vue.js 中初始化具体化元素

Question

如何在 Vue.js 中初始化 Materializes 的选择或模态元素？当我在准备好的文档中添加以下代码时，元素不起作用。

<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，因此不一定与 Materialise 兼容。在这些情况下，最好的解决方案始终是找到您尝试使用的组件的特定于框架的实现，例如Vue Material .