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

已于 2023-07-10 10:45:31 修改
阅读量446 收藏
点赞数 1
分类专栏： element-ui 文章标签： elementui 前端
于 2023-07-04 11:30:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38374286/article/details/131531212
版权

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>
nunumaymax
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
11-27
前言 本文要实现的效果是在输入框内无文字时，提交button是不能点击状态，在输入文字后会变为可点击状态，效果图如下： 实现方法： <div> <div> <textarea name="" id="" rows="3" class="form-control" ng-model="shyj" placeholder="在此输入审批意见"></textarea> </div> <div> <div> <button class="btn btn-sm btn-block btn-primary" ng-disabled="!shyj" ng-click="a
el-table中表格数据新增字段首次渲染后再次修改该字段表格内容不刷新问题
weixin_42201272的博客
09-14 1087
问题演示 首先，使用定时器演示从后台获取过来数据，然后添加isPlaying字段，表格能正常渲染出来。 但是当我们点击修改按钮修改isPlaying的时候，isPlaying的实际数据已经改变但是表格渲染出来的值却没变。 <template> <div> <el-table :data="list" style="width: 100%"> <el-table-column label="日期" width="180">
解决vue页面不重新渲染的问题。强制手动刷新。this.$forceUpdate()；
pshdhx的博客
12-15 7105
问题背景： 选择下拉框之后，页面的数据没有刷新； 做法： 在mounted里边，监听了layui的下拉框，发送了ajax请求，将返回值都赋值给了vue变量，但是显示的时候vue变量并没有动态改变； 原因：未知。【因为数据层次太多，render函数没有自动更新，需手动强制刷新。？？？】 解决：vue变量赋值完成后，使用this.$forceUpdate(); ...
element表格el-table组件实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题
D浩DzD的博客
09-30 1万+
element表格el-table组件实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题
vue修改数据页面不重新渲染
热门推荐
jerryyang_2017的博客
09-06 5万+
使用vue，遇到几次修改了对象的属性后，页面并不重新渲染，场景如下： &amp;lt;template v-for=&quot;item in tableData&quot;&amp;gt; &amp;lt;div :class=&quot;{'redBorder':item.red}&quot;&amp;gt; &amp;lt;div&amp;gt;{{ it
工作记录 -- el-table自定义表头与表头数据改变不重新不渲染问题(表头嵌套popover弹出框和cascader级联选择器)
来啦(#^.^#)
06-21 898
背景 对表格的某一列增加筛选操作；el-table自带api貌似有点麻烦而且好像不太适合从服务端拿数据进行处理（我太菜不知道怎么操作~） 解决方案 – 利用插槽 注意的问题： 没有加key的时候数据是没有渲染上 表头不渲染问题： 配合着v-if和对该列增加key值来使用 代码： <el-table> ... <el-table-column show-overflow-tooltip min-width="120" :key="Ma
更改el-button的disabled后，刷新页面，disabled属性失效(解决办法)
weixin_38345306的博客
07-22 1942
更改el-button的disabled后，刷新页面，disabled属性失效(解决办法)
vue+element-ui实现穿梭框数据自定义排序
12-05
vue+element-ui实现穿梭框数据自定义排序 实现了穿梭框右侧数据自定义排序的功能
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
11-20
el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性，所有明显不支持。 解决思路（从el-select 的角度来考虑，其他组件组合的情况暂不考虑） 想要实现某些选项是不删除，1、需要tag 不可删除，2...
element-ui tree树形控件:default-checked-keys 设置空数组 默认还是选中状态问题
01-20
今天在写个后台管理系统，使用了element-ui的组件库。在做角色权限，通过tree控件展示权限列表的时候，用:default-checked-keys绑定数据，这个属性不能实现双向绑定，只能用于初始化选择状态。如果想双向绑定只能...
el-table-column 表格列自适应宽度的组件封装说明
前端，请指教
04-27 650
针对组件业务上的需求，需要给 el-table-column 加上限制，需保证表头在一行展示，部分列的内容要一行展示，自适应单项列的宽度；
vue3的v-model在组件上几种用法
weixin_45979310的博客
04-30 325
【代码】vue3的v-model在组件上几种用法。
vue 实现左侧导航栏，右侧锚点定位滚动到指定位置（超简单方法）
chensi_07的博客
04-24 922
通过scrollIntoView方法可以把元素滚动到可视区域内。behavior: "smooth"是指定滚动方式为平滑效果。点击左侧菜单根据元素id定位到可视内容区域。浏览器原生提供了一种方法。
ElementUI从unpkg.com完整下载到本地的方法 - 解决unpkg.com不稳定的问题 - 自建镜像站 - 不想打包只想cdn一下
最新发布
Rudon滨海渔村的博客
05-03 202
最简单方法：npm i element-ui -S后提取包即可。或者在github中搜索对应的库zip包，不过和unpkg.com结构不一样。
《ElementUI 基础知识》el-tabs header 监听鼠标中键滚动时左右滑动（ElementPlus同样适用）
前端技术
04-29 864
监听 el-tabs 头在鼠标 hover 时。滑动鼠标中键，可左右滑动！
Vue+ElementUI实现文件照片音频视频预览
qq_42753983的博客
04-29 422
1. 需求是点击预览按钮 根据文件名的后缀去实现预览。2. 具体实现代码及逻辑。
el-tree动态设置是否全部展开属性，值已经改变，但是没有展开或折叠
m0_50981596的博客
04-29 355
el-tree动态设置是否全部展开属性，值已经改变，但是没有展开
《ElementPlus 与 ElementUI 差异集合》el-dialog 显示属性有差异
前端技术
04-29 415
其实也是 Vue2/Vue3 的。《ElementPlus 与 ElementUI 差异集合》el-dialog 显示属性有差异
elementUI之el-select选择器赋值为空后无法选中回显
weixin_42678822的博客
04-29 470
【代码】elementUI之el-select选择器赋值为空后无法选中回显。
解决element-plus el-button点击之后回复默认颜色问题
06-06
要解决element-plus el-button点击之后回复默认颜色的问题，你可以使用CSS伪类选择器`:not(:disabled):active`来设置按钮的活动状态样式。示例代码如下： ```css .el-button:not(:disabled):active { background-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值