element ui - el-button重新渲染后disabled属性失效

场景

有两组不同的按钮：

  • 不在灰度发布状态下的 disabled 的灰色按钮；
  • 灰度发布状态下的 可点击按钮；

在这里插入图片描述

在这里插入图片描述

发现当再次渲染 灰色按钮 时，disabled 属性失效。

在这里插入图片描述

解决方法

给 el-button 元素添加 key 值。

<el-button type="info" key="fullPublishButton" disabled>全量正式发布</el-button>
<el-button type="info" class="ml20" key="stopPublishButton" disabled>终止发布流程</el-button>

更改el-button的disabled后，刷新页面，disabled属性失效(解决办法)

给button添加一个key值就好

 <el-button  key="autoButton">
 </el-button>