關(guān)于vue屬性使用和不使用冒號(hào)的區(qū)別說(shuō)明
vue中冒號(hào):是v-bind的縮寫。
一直最常見的做法是代表綁定一個(gè)變量。
但是我今天用到復(fù)選框是時(shí)候缺出現(xiàn)選不中的情況
<el-checkbox v-model='checked' >備選項(xiàng)</el-checkbox> checked:1但是沒有選中
然后我想可能是沒有寫true-label,于是這樣寫。因?yàn)閠rue-label接收一個(gè)數(shù)值或者字符串。我的默認(rèn)值是數(shù)值。
<el-checkbox v-model='checked' true-label=1 false-label=0 >備選項(xiàng)</el-checkbox> 但是還是沒有選中
然后看了
但是定義的 checked:1類型是數(shù)值并不是boolean型的
我們可以這樣修改
<el-checkbox v-model='checked' :true-label='1' :false-label='0' >備選項(xiàng)</el-checkbox>
<input :disable='true'>打開</input>
輸出:true 或 false 值是變量Boolean類型
<input disable='true'>打開</input>
輸出:true 值是String類型
補(bǔ)充知識(shí):Vue的標(biāo)簽屬性label中字符串拼接變量
問題
問題描述:Vue的標(biāo)簽屬性label中字符串拼接變量
問題解決
<el-form-item :label='`參數(shù)${(index + 1)}類型`' v-for='(item, index,) in props.row.params'> <span v-text='item'></span></el-form-item>
結(jié)果展示
以上這篇關(guān)于vue屬性使用和不使用冒號(hào)的區(qū)別說(shuō)明就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. idea設(shè)置自動(dòng)導(dǎo)入依賴的方法步驟2. xml中的空格之完全解說(shuō)3. ajax實(shí)現(xiàn)頁(yè)面的局部加載4. HTML <!DOCTYPE> 標(biāo)簽5. 使用IDEA編寫jsp時(shí)EL表達(dá)式不起作用的問題及解決方法6. Android實(shí)現(xiàn)下載進(jìn)度條效果7. Java搜索引擎Compass Framework 0.8.0 新版發(fā)布8. Java httpcomponents發(fā)送get post請(qǐng)求代碼實(shí)例9. Python自動(dòng)安裝第三方庫(kù)的小技巧(pip使用詳解)10. Python 流媒體播放器的實(shí)現(xiàn)(基于VLC)
