首页 > 其他分享 >关于我写的组件使用v-if无法卸载的问题

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

时间:2022-10-14 14:14:23浏览次数:52  
标签:题目 性能 卸载 key 无法 组件 代码

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

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

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

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

标签:题目,性能,卸载,key,无法,组件,代码
From: https://www.cnblogs.com/zzy-newblog/p/16791385.html

相关文章

  • 组件之间传值
    一直搞不清楚父子组件之间传值是怎么传与接收的,这里做个笔记,案例比较复杂,涉及四个页面,第一部分跨页面传值;第二部分只有两个页面之间传。页面关系:index是主页面,是leftFour......
  • 直播带货源码,button的边框无法去除 button边框如何去除
    直播带货源码,button的边框无法去除button边框如何去除<buttonclass="operation-list"type="button"open-type="share">分享</button>​做小程序时,给文章底部添加分......
  • APICloud AVM框架 封装虚拟数字键盘组件
    AVM(Application-View-Model)前端组件化开发模式基于标准WebComponents组件化思想,提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具,完全兼容WebComponents标......
  • Python爬虫之scrapy_splash组件的使用
    scrapy_splash组件的使用学习目标了解scrapy_splash组件的作用了解scrapy_splash组件的使用1.什么是scrapy_splash?scrapy_splash是scrapy的一个组件scrapy-splash加载js......
  • APICloud AVM 框架 封装树形分类选择组件 组件递归调用
    由于项目中,需要用到追加表单项目的功能,而表单项目在PC端是树形列表的形式展现,而且要实现多选功能,依上述需求开发了树形分类选择组件。组件开发中用到的知识要点是:组件递归......
  • Gitlab关闭停用其他不需要的组件
    默认运行的组件[root@gitlabopt]#gitlab-ctlstatusrun:alertmanager:(pid3474)1289193s;run:log:(pid1915)1260609srun:gitaly:(pid3581)1289192s;ru......
  • React组件之间的通信方式总结(下)
    一、写一个时钟用react写一个每秒都可以更新一次的时钟importReactfrom'react'importReactDOMfrom'react-dom'functiontick(){letele=<h1>{new......
  • 界面组件DevExpress WinForms v22.1 - 类office功能全新升级
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office......
  • Java 下载excel模板下载之后无法正常打开,提示损坏
    简单版:resources目录下放模板excel文件,通过接口下载后,有文件,但打不开。解决:maven构建时对该excel模板进行了过滤,导致文件损坏,解决办法,在过滤的时候把xlsx排除掉(......
  • 删除审计表aud$,用户无法连接数据库的测试
    文档课题:删除审计表aud$,用户无法连接数据库的测试.数据库:oracle11.2.0.464位系统:centos7.964位环境:单实例1、理论知识数据库开启审计的情况下,aud$会记录非sys用户的登陆......