關(guān)于vue屬性使用和不使用冒號的區(qū)別說明
vue中冒號：是v-bind的縮寫。
一直最常見的做法是代表綁定一個變量。
但是我今天用到復(fù)選框是時候缺出現(xiàn)選不中的情況
<el-checkbox v-model="checked" >備選項</el-checkbox> checked:1但是沒有選中
然后我想可能是沒有寫true-label，于是這樣寫。因?yàn)閠rue-label接收一個數(shù)值或者字符串。我的默認(rèn)值是數(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類型
補(bǔ)充知識：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屬性使用和不使用冒號的區(qū)別說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue項目中自動導(dǎo)入svg并愉快的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
vue3使用vue-router及路由權(quán)限攔截方式
這篇文章主要介紹了vue3使用vue-router及路由權(quán)限攔截方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue+jquery+lodash實(shí)現(xiàn)滑動時頂部懸浮固定效果
這篇文章主要為大家詳細(xì)介紹了vue+jquery+lodash實(shí)現(xiàn)滑動時頂部懸浮固定效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
組件是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關(guān)于vue如何動態(tài)加載組件的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細(xì)介紹了如何使用Vue封裝一個前端通用右鍵菜單組件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
Vue如何實(shí)現(xiàn)響應(yīng)式系統(tǒng)
這篇文章給大家整理了關(guān)于Vue如何實(shí)現(xiàn)響應(yīng)式系統(tǒng)的相關(guān)知識點(diǎn)內(nèi)容，有興趣的朋友可以參考學(xué)習(xí)下。2018-07-07
vue elementui el-table 表格里邊展示四分位圖效果(功能實(shí)現(xiàn))
這篇文章主要介紹了vue elementui el-table 表格里邊展示四分位圖效果(功能實(shí)現(xiàn)),本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-04-04
詳解vuex中action何時完成以及如何正確調(diào)用dispatch的思考
這篇文章主要介紹了詳解vuex中action何時完成以及如何正確調(diào)用dispatch的思考，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要給大家介紹了關(guān)于Vue2.x安裝并使用SCSS的相關(guān)資料,以及如何在vue 2.x中全局引用公共scss文件,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
Vue3中的ref和reactive響應(yīng)式原理解析
這篇文章主要介紹了Vue3中的ref和reactive響應(yīng)式,本節(jié)主要介紹了響應(yīng)式變量和對象，以及變量和對象在響應(yīng)式和非響應(yīng)式之間的轉(zhuǎn)換，需要的朋友可以參考下2022-08-08