技术栈
解决数据错乱
雪碧聊技术
2 小时前
vue.js
·
v-show
·
一个页面使用多个相同组件
·
解决数据错乱
·
v-if、key
Vue 一个页面中使用多个同类组件出现“串数据“现象?一个 key 就能解决
摘要Vue同页面用v-if切换多个同类组件时,因Diff算法复用实例易导致状态残留、数据错乱。解决方法是给组件加唯一key强制销毁重建,或改用v-show避免复用。这是前端开发中防止组件“串数据”的通用最佳实践。
我是有底线的