vue屬性使用和不使用冒號的區(qū)別有什么

發(fā)布時(shí)間：2020-10-26 15:40:24 來源：億速云閱讀：177 作者：Leah 欄目：開發(fā)技術(shù)

這篇文章運(yùn)用簡單易懂的例子給大家介紹vue屬性使用和不使用冒號的區(qū)別有什么，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

vue中冒號：是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> 但是還是沒有選中

然后看了

vue屬性使用和不使用冒號的區(qū)別有什么

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

我們可以這樣修改

<el-checkbox v-model="checked" :true-label="1" :false-label="0" >備選項(xiàng)</el-checkbox>

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

輸出：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é)果展示

vue屬性使用和不使用冒號的區(qū)別有什么

關(guān)于vue屬性使用和不使用冒號的區(qū)別有什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

猜你喜歡