問題:最近項目遇到一個奇葩的問題:紅框中列表的單選按鈕無法根據(jù)需求設(shè)置默認選中,但是同樣是設(shè)置開啟狀態(tài)的單選框可以設(shè)置默認狀態(tài)
?原因:開始同樣是和開啟/關(guān)閉狀態(tài)一樣也把紅框中列表的默認值設(shè)置為數(shù)字模式,但是由于后臺返回值、與label綁定值的類型不同導(dǎo)致設(shè)置紅框列表的默認值無法選中,故必須設(shè)置默認值的類型與值都必須與v-model綁定的值與類型一致的情況下才可以生效
神奇的label與:label
element-ui官網(wǎng)Radio單選框的使用中,基礎(chǔ)用法使用的是label,radio的值是字符串;單選框組el-radio-group使用的是:label,radio的值是數(shù)字。這里我們很容易混淆對:label和label的使用
注意:在Vue中,加冒號的屬性,引號里的值一般為一個變量或者表達式,如果為常量時,常量值需忽略后面的引號;沒加冒號的屬性,值包括后面的引號部分。例如:文章來源:http://www.zghlxwxcb.cn/news/detail-627523.html
label=“1”,表示label的值為字符串1,v-model綁定值應(yīng)為字符串;
:label=“1”,表示label的值為數(shù)字1,v-model綁定值應(yīng)為數(shù)字;
:label="‘1’",表示label的值為字符串1,v-model綁定值應(yīng)為字符串;文章來源地址http://www.zghlxwxcb.cn/news/detail-627523.html
到了這里,關(guān)于elementUi el-radio神奇的:label與label不能設(shè)置默認值的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!