使用vue的nextTick遇到问题和疑惑

我现在要做3件事,渲染组件,给组件添加锚点,根据锚点连接组件。遇到了一下几种情况:

//1.从头到尾不使用nextTick,
渲染组件
给组件添加锚点
根据锚点连接组件
//会出现添加锚点时无法找到对应的dom的情况

//2.先渲染组件再nextTick执行其他的的代码
渲染组件
this.$nextTick(()=>{
    给组件添加锚点
    根据锚点连接组件
});
//会出现脚本卡死的情况,多次测试后,我推测是添加锚点时进行了连接组件的行为
//但是连接依赖于锚点

我想求教以上的情况需要如何解决呢,第二种情况下我的推测有没有可能呢

阅读 2.8k
2 个回答

暂时关闭吧。
其实主要问题就是保证渲染组件,添加锚点,连接线条按照顺序更新dom保证几个步骤更新完毕dom再进行下一步

有了好的解决方法我会更新的

额,刚看到,楼主别放弃,起来再战:vue不止可以nextTick方法刷新渲染,也可以$set方法来实现局部刷新渲染(当然,因为set方法修改的是vue对象中的属性,即只能渲染绑定该属性的节点)。举个例子:

<span v-if="tiggle"></span>
...

vm.$set(vm,'tiggle',!vm.tiggle);//改变了vue对象下tiggle属性,绑定的节点span也会改变

只是提供了有一个思路,具体的操作,还得楼主自己看看了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题