关于组件使用v-if无法卸载的问题

首先看一下代码吧(本人比较菜,代码写的比较低级,请不要嫌弃TAT)

主要是想要实现一个个点击事件,导致groupChange的变化,从而引起题目组件的切换。我知道可以只写一个组件,使用传参控制变化,但是我太懒了,里面有些控制的东西只要重新挂载就可以实现了,我懒得传了。

然后我就很疑惑,为什么我写的都没错但是不能引起组件的卸载呢。

之后我的朋友问了他公司的大佬,他说让我加个key属性看看,不加的话vue会以为这三个是同一个组件(主要是为了优化性能),加了key的话就不考虑性能了(当然我写的东西也只是一些题目和定时器和记录而已,性能影响不大)。所以在加了key之后顺利解决了。

posted @ 2022-10-14 13:55  火锅总去麒麟座吃零食  阅读(83)  评论(0)    收藏  举报