element ui - el-button 重新渲染后disabled属性失效问题解决

 更新时间:2023年07月04日 16:12:18   作者:nunumaymax  
这篇文章主要介绍了elementui el-button重新渲染后disabled属性失效问题解决,解决方法也很简单,给el-button元素添加key值就可以了,需要的朋友可以参考下

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>

到此这篇关于element ui - el-button 重新渲染后disabled属性失效的文章就介绍到这了,更多相关element ui - el-button disabled属性失效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

最新评论