Vuejs - 什么时候应该初始化 jquery 插件

Question

我有一些需要初始化的 JQuery 插件，通常这可以使用 $(document).ready(function () { }) 来完成，但是在 vue 组件 created 事件中这样做似乎不起作用.考虑到这一点，我使用了 this.$nextTick(function () { }) 但这似乎不适用于在子组件上引入的元素。例如，我这样做：

created: function () {
  this.$nextTick(function () {
    window.materialadmin.AppOffcanvas.initialize()
  })
}

我有一个在子组件中引入的按钮，但上面代码附加的 onclick 处理程序不会触发。如果我这样做：

setTimeout(function () {
    window.materialadmin.AppOffcanvas.initialize()
}, 1000)

然后我的点击处理程序将被绑定并工作。

在什么时候绑定我的事件是正确的点，这样我就不需要依赖 setTimeout 这是 hacky？

Answer 1

mounted or updated Lifecycle-Hooks 应该可以解决您的问题，因为在刚刚安装实例后调用 mounted，其中 el 被新创建的 vm.$el 替换，并且在数据更改导致虚拟 DOM 重新渲染和修补。

Vuejs - 什么时候应该初始化 jquery 插件

Vuejs - When should jquery plugins be initialised

javascript

jquery

vue.js

vuejs2