Vue $nextTick 方法的使用场景

vue

需求:使用vue对ztree的封装,由于ztree 是需要确定DOM节点id和数据之后,执行初始化方法完成ztree的树形展示,为了让vue引入的组件树彼此不受影响(是相互独立的对象),因此ztreeid 是利用时间戳+随机数生成的。

问题:由于是变量,发现发送ajax请求数据回来之后还dom树还没有渲染完成(没有动态生成的ID),导致树没有生成。

解决办法:

修改treeId的值,使用$nextTick函数,确保dom树变化之后再发送ajax请求,这样就不会出现执行初始化方法的时候有数据没有对应的ID节点的尴尬现象。

以上是 Vue $nextTick 方法的使用场景 的全部内容, 来源链接: utcz.com/z/377951.html

回到顶部