初始化 Vue.js 中的物化元素
Initializing materialize elements in Vue.js
如何在 Vue.js 中初始化 Materializes 的 select 或模态元素？当我在准备好的文档中添加以下代码时，这些元素不起作用。
<script>
$(document).ready(function() {
$('.modal-trigger').leanModal('open');
$('select').material_select();
});
//Vue.js code here...
</script>
您可以尝试在 Vue 的 lifecycle hooks (see this diagram 之一中调用此代码以找出它们的确切执行位置），您可能想要使用 mounted.
但请记住，这并不是真正的万无一失的解决方案。 Vue 以后可能会以不同的方式操纵 DOM，因此不一定与 Materialise 兼容。在这些情况下，最好的解决方案始终是找到您尝试使用的组件的 framework-specific 实现，例如Vue Material.
如何在 Vue.js 中初始化 Materializes 的 select 或模态元素？当我在准备好的文档中添加以下代码时，这些元素不起作用。
<script>
$(document).ready(function() {
$('.modal-trigger').leanModal('open');
$('select').material_select();
});
//Vue.js code here...
</script>
您可以尝试在 Vue 的 lifecycle hooks (see this diagram 之一中调用此代码以找出它们的确切执行位置），您可能想要使用 mounted.
但请记住，这并不是真正的万无一失的解决方案。 Vue 以后可能会以不同的方式操纵 DOM，因此不一定与 Materialise 兼容。在这些情况下，最好的解决方案始终是找到您尝试使用的组件的 framework-specific 实现，例如Vue Material.