element?ui?-?el-button?重新渲染后disabled屬性失效問題解決
更新時(shí)間：2023年07月04日 16:12:18 作者：nunumaymax
這篇文章主要介紹了elementui el-button重新渲染后disabled屬性失效問題解決,解決方法也很簡單，給el-button元素添加key值就可以了，需要的朋友可以參考下
element ui - el-button重新渲染后disabled屬性失效
場景
有兩組不同的按鈕：
- 不在灰度發(fā)布狀態(tài)下的 disabled 的灰色按鈕；
- 灰度發(fā)布狀態(tài)下的 可點(diǎn)擊按鈕；
發(fā)現(xiàn)當(dāng)再次渲染 灰色按鈕 時(shí)，disabled 屬性失效。
解決方法
給 el-button 元素添加 key 值。
<el-button type="info" key="fullPublishButton" disabled>全量正式發(fā)布</el-button> <el-button type="info" class="ml20" key="stopPublishButton" disabled>終止發(fā)布流程</el-button>
更改el-button的disabled后，刷新頁面，disabled屬性失效(解決辦法)
給button添加一個(gè)key值就好
<el-button key="autoButton"> </el-button>
到此這篇關(guān)于element ui - el-button 重新渲染后disabled屬性失效的文章就介紹到這了,更多相關(guān)element ui - el-button disabled屬性失效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js中window.open()的所有參數(shù)詳細(xì)解析
本篇文章主要是對(duì)js中window.open()的所有參數(shù)進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實(shí)現(xiàn)
本文主要介紹了uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11
解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題
今天小編就為大家分享一篇解決LayUI加上form.render()下拉框和單選以及復(fù)選框不出來的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了微信小程序rich-text富文本用法,結(jié)合實(shí)例形式分析了微信小程序rich-text富文本插件的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-05-05
利用NodeJS和PhantomJS抓取網(wǎng)站頁面信息以及網(wǎng)站截圖
這篇文章主要介紹了利用NodeJS和PhantomJS抓取網(wǎng)站頁面信息以及網(wǎng)站截圖的方法，提供實(shí)例代碼供大家參考2013-11-11
這篇文章主要介紹了微信小程序自定義組件封裝及父子間組件傳值的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
uni-app封裝組件實(shí)現(xiàn)下方滑動(dòng)彈出模態(tài)框效果
這篇文章主要介紹了uni-app封裝組件實(shí)現(xiàn)下方滑動(dòng)彈出模態(tài)框效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-08-08
一道超經(jīng)典js面試題Foo.getName()的故事
Foo.getName算是一道比較老的面試題了,大致百度了一下在17年就有相關(guān)文章在介紹它,下面這篇文章主要給大家介紹了關(guān)于一道超經(jīng)典js面試題Foo.getName()的相關(guān)資料,需要的朋友可以參考下2022-03-03
JavaScript中使用Substring刪除字符串最后一個(gè)字符
刪除字符串最后一個(gè)字符的方法有很多，在本文將為大家介紹下js中的substring是如何做到的，需要的朋友可以參考下2013-11-11![微信小程序踩坑記錄之解決tabBar.list[3].selectedIconPath大小超過40kb](http://img.jbzj.com/images/xgimg/bcimg9.png)
微信小程序踩坑記錄之解決tabBar.list[3].selectedIconPath大小超過40kb
這篇文章主要給大家介紹了關(guān)于微信小程序踩坑記錄之解決tabBar.list[3].selectedIconPath大小超過40kb的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07