Vue $nextTick 方法的使用场景

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

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

解决办法:

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

扫描二维码关注公众号,回复: 249609 查看本文章

猜你喜欢

转载自hbiao68.iteye.com/blog/2399417