在 Vue.js 中初始化物化元素

Question

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

 <script> $(document).ready(function() { $('.modal-trigger').leanModal('open'); $('select').material_select(); }); //Vue.js code here... </script>

Answer 1

您可以尝试在 Vue 的生命周期钩子之一中调用此代码（请参阅 此图以了解它们的确切执行位置），您可能希望使用mounted 。

但请记住，这并不是真正的防弹解决方案。 Vue 以后可能会以不同的方式操作 DOM，因此不一定与 Materialize 兼容。 在这些情况下，最好的解决方案始终是找到您尝试使用的组件的特定于框架的实现，例如Vue Material 。