在 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 。