關于vue屬性使用和不使用冒號的區(qū)別說明
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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue項目中自動導入svg并愉快的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
這篇文章主要介紹了vue3使用vue-router及路由權限攔截方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue+jquery+lodash實現(xiàn)滑動時頂部懸浮固定效果
這篇文章主要為大家詳細介紹了vue+jquery+lodash實現(xiàn)滑動時頂部懸浮固定效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
組件是Vue.js最強大的功能之一,組件可以擴展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關于vue如何動態(tài)加載組件的相關資料,需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細介紹了如何使用Vue封裝一個前端通用右鍵菜單組件,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-02-02
這篇文章給大家整理了關于Vue如何實現(xiàn)響應式系統(tǒng)的相關知識點內(nèi)容，有興趣的朋友可以參考學習下。2018-07-07
vue elementui el-table 表格里邊展示四分位圖效果(功能實現(xiàn))
這篇文章主要介紹了vue elementui el-table 表格里邊展示四分位圖效果(功能實現(xiàn)),本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-04-04
詳解vuex中action何時完成以及如何正確調(diào)用dispatch的思考
這篇文章主要介紹了詳解vuex中action何時完成以及如何正確調(diào)用dispatch的思考，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要給大家介紹了關于Vue2.x安裝并使用SCSS的相關資料,以及如何在vue 2.x中全局引用公共scss文件,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了Vue3中的ref和reactive響應式,本節(jié)主要介紹了響應式變量和對象，以及變量和對象在響應式和非響應式之間的轉(zhuǎn)換，需要的朋友可以參考下2022-08-08