關(guān)于element-ui?單選框默認(rèn)值不選中的解決
element-ui 單選框默認(rèn)值不選中
初次使用elementui單選框 發(fā)現(xiàn)一個(gè)問(wèn)題
按照官網(wǎng)的案例
我cv過(guò)來(lái) 發(fā)現(xiàn)不對(duì)勁 怎么默認(rèn)值不選中 如下圖 ,難道我cv沒(méi)cv正確???
心里那個(gè)氣啊,難道我發(fā)現(xiàn)了element-ui bug了？？？好的在cv一遍 還是發(fā)現(xiàn)默認(rèn)值不選中,我就好
好看el-radio各個(gè)屬性,依然百思不得其解,后來(lái)研究了一下,原來(lái)是自己的菜導(dǎo)致默認(rèn)值不選中的,
如圖
其實(shí)問(wèn)題很簡(jiǎn)單
label 是與v-mode對(duì)應(yīng)的 也就是說(shuō)v-mode 的值等于label的值 如果相等就默認(rèn)選中那個(gè)
因?yàn)?label ="1" 此時(shí)這個(gè)1 是個(gè)字符串 但是我后臺(tái)的radio屬性是一個(gè)Numer 不知道是不是
源碼用的===所以才會(huì)不等于 結(jié)果問(wèn)題很簡(jiǎn)單 才 :lable=:"1" 這樣就把它轉(zhuǎn)為數(shù)字類型了
看我的下圖吧
element-ui單選框組件,默認(rèn)選中無(wú)效
el-radio組件默認(rèn)值選不中
傳參類型如果是number類型，label前面需要加:
<el-form-item label="對(duì)賬方類型" > ? <el-radio v-model="form.belongType" :label="0">合作商</el-radio> ? <el-radio v-model="form.belongType" :label="1">物業(yè)</el-radio> </el-form-item>
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了詳解vue 項(xiàng)目白屏解決方案，詳細(xì)的介紹了白屏的解決方案，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-10-10
如何解決vue項(xiàng)目打包后文件過(guò)大問(wèn)題
這篇文章主要介紹了如何解決vue項(xiàng)目打包后文件過(guò)大問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue for循環(huán)出來(lái)的數(shù)據(jù)實(shí)現(xiàn)用逗號(hào)隔開(kāi)
HTML（HyperText Markup Language）是用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言,正確的HTML編碼和結(jié)構(gòu)對(duì)于網(wǎng)頁(yè)的正確顯示至關(guān)重要,當(dāng)HTML代碼正確無(wú)誤時(shí),網(wǎng)頁(yè)的效果圖將與設(shè)計(jì)師的預(yù)期相符,反之則可能出現(xiàn)布局錯(cuò)亂、樣式失效等問(wèn)題2024-10-10
vue中el-table前端如何導(dǎo)出excel數(shù)據(jù)表格
這篇文章主要介紹了vue中el-table前端如何導(dǎo)出excel數(shù)據(jù)表格,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
vue?element表格某一列內(nèi)容過(guò)多,超出省略號(hào)顯示的實(shí)現(xiàn)
這篇文章主要介紹了vue?element表格某一列內(nèi)容過(guò)多,超出省略號(hào)顯示的實(shí)現(xiàn)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
這篇文章主要介紹了解決修改el-pagination顯示文字的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
vue數(shù)組動(dòng)態(tài)刷新失敗問(wèn)題及解決
這篇文章主要介紹了vue數(shù)組動(dòng)態(tài)刷新失敗問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vuex actions異步修改狀態(tài)的實(shí)例詳解
今天小編就為大家分享一篇vuex actions異步修改狀態(tài)的實(shí)例詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
這篇文章主要介紹了vue使用Font Awesome的方法步驟，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)下拉菜單樹(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10