求救,vue如何和其他操作DOM的插件配合?

Question

现在做一个vue-cli构建的单页面项目,
但是公司已经用jquery与jq的插件 将静态网页与动效实现了 , 让我直接从里面抽取组件.
现在遇到一个很大的问题 , 这些插件都是如同图中一样 , 在某个事件后去绑定元素 ,
可是vue中无法确认什么时候DOM已经渲染了, 可能在路由跳转,或者状态改变,这个时候DOM才会加载 ,
希望能得到大婶们的好建议...不胜感激

Answer 1

生命周期钩子函数mounted里面来调用需要涉及到DOM操作的插件，解释可以看下这篇文章https://segmentfault.com/a/11...

Answer 2

vue里面有一个$nextTick方法,指的是当页面被渲染完毕后才执行的函数，但是我自己没有实践过所以不知道有没有坑，作为备选方案可以参考，另外dom操作你同样可以用onload事件去执行，当元素被onload的时候执行也是一种方法

Answer 3

初次渲染用钩子函数mounted，动态取数据用nextTick函数

Answer 4

把插件放到Vue.nextTick(function())里执行

Answer 5

$nextTick，LZ可以去温习一下官网了