2.6.11
https://codesandbox.io/embed/heuristic-brown-u7rvw?fontsize=14&hidenavigation=1&theme=dark
单击复选框。
它应该是蓝色背景色的“BLUE BOX”。
上面写着“BLUE BOX”,没有背景色。
该问题源于当 blue_block div 被交换到时,data-v-* 属性没有被重新设置。 它仍然使用功能组件中子div的data-v-*属性。 因此 CSS 类样式不适用。
从功能组件切换到其他组件很有用。 例如,在切换到更复杂的组件之前显示一个简单的加载栏组件。
我认为这可能与 Vue 在更新期间如何回收节点有关。 作为一种解决方法,向组件和 div 添加key
会产生预期的行为。
测试
最有用的评论
我认为这可能与 Vue 在更新期间如何回收节点有关。 作为一种解决方法,向组件和 div 添加
key
会产生预期的行为。