關(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ù)字類(lèi)型了
看我的下圖吧
element-ui單選框組件,默認(rèn)選中無(wú)效
el-radio組件默認(rèn)值選不中
傳參類(lèi)型如果是number類(lèi)型，label前面需要加:
<el-form-item label="對(duì)賬方類(lèi)型" > ? <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)文章
這篇文章主要為大家詳細(xì)介紹了Vue分頁(yè)器實(shí)現(xiàn)原理，編寫(xiě)了分頁(yè)器組件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
Vue 引入AMap高德地圖的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 引入AMap高德地圖的實(shí)現(xiàn)代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
本篇文章主要介紹了詳解Vue使用命令行搭建單頁(yè)面應(yīng)用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
這篇文章主要介紹了vxe-table如何在單元格中渲染簡(jiǎn)單的餅圖，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要為大家詳細(xì)介紹了vue拖拽排序插件vuedraggable的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
在許多應(yīng)用程序中，我們經(jīng)常需要執(zhí)行定期的異步任務(wù)輪詢(xún)，本文就介紹了Vue3如何處理異步任務(wù)輪詢(xún)，感興趣的可以了解一下2023-05-05
這篇文章主要介紹了Vue父子組件傳值的三種方法，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了uni-app 的生命周期，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-10-10
vue+moment實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了vue+moment實(shí)現(xiàn)倒計(jì)時(shí)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
Vue中splice()方法對(duì)數(shù)組進(jìn)行增刪改等操作的實(shí)現(xiàn)
vue中對(duì)數(shù)組的元素進(jìn)行刪除,以前一直以為這個(gè)方法是vue中特有的,后來(lái)百度之后才知道原來(lái)是js的一個(gè)寫(xiě)法,下面這篇文章主要給大家介紹了關(guān)于Vue中splice()方法對(duì)數(shù)組進(jìn)行增刪改等操作的實(shí)現(xiàn)方法,需要的朋友可以參考下2023-05-05