# el-button的disabled神奇不生效问题

{% embed url="<https://v.douyin.com/r8fFWgm/>" %}

{% embed url="<https://www.bilibili.com/video/BV15N4y1A7mf/>" %}

大家看这是一个被禁用的按钮 视频最后有作业 :)

按说在什么情况下他都应该是禁用的

因为这是一个常量"true"嘛对吧

但是注意我这有一个v-if

默认情况下他是不显示的false

然后在mounted之后我们把它改成true

这样也没问题也能禁用掉

我们先来看一下效果啊

大家看：禁用的

但是只要我在下面加一个else

大家看 很简单的

或者v-if

非show！这样也是一样的效果

这样就没法禁用了

他就不禁用了

或者呢我们把它改成默认就显示

也没问题他也能禁用

所以这就很奇怪这种情况怎么解决呢

我们今天先说解决方案

我们在这啊加一个key

随便写一个

我们来看一下

这样就可以了对吧

我们再把这个key去掉（试一下）

大家看 就禁用不了了

这是为什么呢

原因是啊

vue在一定的情况下

他会共用虚拟的dom节点

说刚才啊

他俩在切换显示的时候

其实用的是一个的虚拟Dom

那为什么

共用虚拟节点会有这个问题呢

我们下一期视频继续来给大家分享哈

如果大家有时间的话呀

可以先了解一下vivo里面

kpote的实现原理

那看的时候呢重点看一下

猫扯和APRIL的

关系