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属性失效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

js中window.open()的所有参数详细解析
本篇文章主要是对js中window.open()的所有参数进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
uniapp中uni.navigateBack返回后刷新页面数据的实现
本文主要介绍了uniapp中uni.navigateBack返回后刷新页面数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2023-11-11
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
今天小编就为大家分享一篇解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
微信小程序rich-text富文本用法实例分析
这篇文章主要介绍了微信小程序rich-text富文本用法,结合实例形式分析了微信小程序rich-text富文本插件的功能、用法及相关操作注意事项,需要的朋友可以参考下
2019-05-05
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
这篇文章主要介绍了利用NodeJS和PhantomJS抓取网站页面信息以及网站截图的方法，提供实例代码供大家参考
2013-11-11
微信小程序自定义组件封装及父子间组件传值的方法
这篇文章主要介绍了微信小程序自定义组件封装及父子间组件传值的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-08-08
uni-app封装组件实现下方滑动弹出模态框效果
这篇文章主要介绍了uni-app封装组件实现下方滑动弹出模态框效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2024-08-08
一道超经典js面试题Foo.getName()的故事
Foo.getName算是一道比较老的面试题了,大致百度了一下在17年就有相关文章在介绍它,下面这篇文章主要给大家介绍了关于一道超经典js面试题Foo.getName()的相关资料,需要的朋友可以参考下
2022-03-03
JavaScript中使用Substring删除字符串最后一个字符
删除字符串最后一个字符的方法有很多，在本文将为大家介绍下js中的substring是如何做到的，需要的朋友可以参考下
2013-11-11
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
这篇文章主要给大家介绍了关于微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb的相关资料，文中通过示例代码介绍的非常详细，需要的朋友参考借鉴，下面随着小编来一起学习学习吧
2018-07-07