vue中冒號：是v-bind的縮寫。

一直最常見的做法是代表綁定一個變量。

但是我今天用到復選框是時候缺出現(xiàn)選不中的情況

<el-checkbox v-model='checked' >備選項</el-checkbox> checked:1但是沒有選中

然后我想可能是沒有寫true-label，于是這樣寫。因為true-label接收一個數(shù)值或者字符串。我的默認值是數(shù)值。

<el-checkbox v-model='checked' true-label=1 false-label=0 >備選項</el-checkbox> 但是還是沒有選中

然后看了

但是定義的 checked:1類型是數(shù)值并不是boolean型的

我們可以這樣修改

<el-checkbox v-model='checked' :true-label='1' :false-label='0' >備選項</el-checkbox>

<input :disable='true'>打開</input>

輸出：true 或 false 值是變量Boolean類型

<input disable='true'>打開</input>

輸出：true 值是String類型

補充知識：Vue的標簽屬性label中字符串拼接變量

問題

問題描述：Vue的標簽屬性label中字符串拼接變量

問題解決

<el-form-item :label='`參數(shù)${(index + 1)}類型`' v-for='(item, index,) in props.row.params'> <span v-text='item'></span></el-form-item>

結果展示

以上這篇關于vue屬性使用和不使用冒號的區(qū)別說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持好吧啦網(wǎng)。