VUE的一个关于data,数组,删除的小坑

原创 jiangbinwangyi 随笔 js 92阅读 23 天前 举报

下面的代码是一个简单的不能再简单的vue实例,运行后可尝试点击“aa”

1.如果按正常写法,以数据驱动为核心,我们是不会在del方法里先执行dom的移除操作的,直接交给vue操作data就好了,会自动响应到视图上的

2.但是如果我们闲的蛋疼,就想先移除dom,再删数据,按正常理解来想,应该也不会和上面正常的结果有什么差别。

3.但是就是有差别了。当我们点击删除“aa”的div的时候,会发现“bb”也被同时删除了。

4.同时$nextTick里的输出成了“bb”,但是如果你再输出处理后的data,会发现就是正常的"['bb']"。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复