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