關(guān)于vue屬性使用和不使用冒號的區(qū)別說明
vue中冒號:是v-bind的縮寫。
一直最常見的做法是代表綁定一個變量。
但是我今天用到復(fù)選框是時候缺出現(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>
結(jié)果展示
以上這篇關(guān)于vue屬性使用和不使用冒號的區(qū)別說明就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3使用vue-router及路由權(quán)限攔截方式
這篇文章主要介紹了vue3使用vue-router及路由權(quán)限攔截方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04vue+jquery+lodash實現(xiàn)滑動時頂部懸浮固定效果
這篇文章主要為大家詳細介紹了vue+jquery+lodash實現(xiàn)滑動時頂部懸浮固定效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-04-04Vue如何實現(xiàn)響應(yīng)式系統(tǒng)
這篇文章給大家整理了關(guān)于Vue如何實現(xiàn)響應(yīng)式系統(tǒng)的相關(guān)知識點內(nèi)容,有興趣的朋友可以參考學(xué)習下。2018-07-07vue elementui el-table 表格里邊展示四分位圖效果(功能實現(xiàn))
這篇文章主要介紹了vue elementui el-table 表格里邊展示四分位圖效果(功能實現(xiàn)),本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-04-04詳解vuex中action何時完成以及如何正確調(diào)用dispatch的思考
這篇文章主要介紹了詳解vuex中action何時完成以及如何正確調(diào)用dispatch的思考,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01Vue3中的ref和reactive響應(yīng)式原理解析
這篇文章主要介紹了Vue3中的ref和reactive響應(yīng)式,本節(jié)主要介紹了響應(yīng)式變量和對象,以及變量和對象在響應(yīng)式和非響應(yīng)式之間的轉(zhuǎn)換,需要的朋友可以參考下2022-08-08