老师,开发过程中遇到一个组件复用bug,求解答

来源:2-2 安装 Typescript 文档

有没有没被占用的昵称

2022-06-29

事情是这样的,我编写了一个select组件,当我选择某一个选项时,我会设置此组件的属性。

然后在主页面可以通过操作对这个select组件进行新增和删除。

当删除时问题出现。

比如说当前有两个select组件,第一个组件选择了选项a,当前组件属性值为a。
第二个组件选择了选项b,当前组件属性值为b。
此时我通过props将选项值从主页面传递到select组件。
当我删除第一个select组件时,问题出现了,
当前剩下的唯一select组件(之前的第二个组件)属性值为a(实际上应该为b)
但是props传过来的还是b(通过devtools查看得知),请问老师,这个问题应该怎么解决呀?

附上代码
https://gitee.com/hanlingsha/question
仓库中的 select2.zip是代码

恳请老师,不吝赐教

写回答

1回答

有没有没被占用的昵称

提问者

2022-06-30

老师,我加了一个唯一的key,问题得到了解决。但是实际项目中的比这个层级要更深,就是循环的层级,他外面有几层容器,所以key没有加在他身上。当我强行把key加在他身上时,删除后后续的select数据都清空了。

0
3
有没有没被占用的昵称
回复
张轩
老师,您有时间随便回答一下,我点完成吧。
2022-06-30
共3条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程