關(guān)于vue屬性使用和不使用冒號(hào)的區(qū)別說(shuō)明
vue中冒號(hào)：是v-bind的縮寫。
一直最常見(jiàn)的做法是代表綁定一個(gè)變量。
但是我今天用到復(fù)選框是時(shí)候缺出現(xiàn)選不中的情況
<el-checkbox v-model="checked" >備選項(xiàng)</el-checkbox> checked:1但是沒(méi)有選中
然后我想可能是沒(méi)有寫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> 但是還是沒(méi)有選中
然后看了
但是定義的 checked:1類型是數(shù)值并不是boolean型的
我們可以這樣修改
<el-checkbox v-model="checked" :true-label="1" :false-label="0" >備選項(xiàng)</el-checkbox>
<input :disable="true">打開(kāi)</input>
輸出：true 或 false 值是變量Boolean類型
<input disable="true">打開(kāi)</input>
輸出：true 值是String類型
補(bǔ)充知識(shí)：Vue的標(biāo)簽屬性label中字符串拼接變量
問(wèn)題
問(wèn)題描述：Vue的標(biāo)簽屬性label中字符串拼接變量
問(wèn)題解決
<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屬性使用和不使用冒號(hào)的區(qū)別說(shuō)明就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue中抽離接口配置文件的問(wèn)題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
在Web開(kāi)發(fā)中,跨域問(wèn)題是一大挑戰(zhàn),跨域是指網(wǎng)絡(luò)請(qǐng)求從一個(gè)域名發(fā)起,而請(qǐng)求的目標(biāo)資源位于另一個(gè)不同的域名下,通常使用Vue CLI的代理來(lái)解決跨域問(wèn)題,而在生產(chǎn)環(huán)境中,可以通過(guò)后端配置CORS或使用Nginx反向代理,或者通過(guò)服務(wù)器中轉(zhuǎn)來(lái)解決跨域問(wèn)題2023-10-10
如何處理vue router 路由傳參刷新頁(yè)面參數(shù)丟失
這篇文章主要介紹了如何處理vue router 路由傳參刷新頁(yè)面參數(shù)丟失，對(duì)vue感興趣的同學(xué)，可以參考下2021-05-05
基于Vue3實(shí)現(xiàn)鼠標(biāo)滑動(dòng)和滾輪控制的輪播
在這篇文章主要為大家詳細(xì)介紹了如何一步步地實(shí)現(xiàn)一個(gè)基于?Vue?3?的輪播組件,這個(gè)組件的特點(diǎn)是可以通過(guò)鼠標(biāo)滑動(dòng)和滾輪來(lái)控制輪播圖的切換,感興趣的可以了解下2024-02-02
這篇文章主要介紹了使用Vue寫一個(gè)datepicker的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Vue3封裝hooks實(shí)現(xiàn)實(shí)時(shí)獲取麥克風(fēng)音量
這篇文章主要為大家詳細(xì)介紹了Vue3如何通過(guò)封裝一個(gè)hooks實(shí)現(xiàn)實(shí)時(shí)獲取麥克風(fēng)音量功能,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下2024-03-03
vue中使用echarts實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)綁定以及獲取后端接口數(shù)據(jù)
總結(jié)一下自己最近項(xiàng)目中用echarts動(dòng)態(tài)獲取接口數(shù)據(jù)并畫圖的方法,下面這篇文章主要給大家介紹了關(guān)于vue中使用echarts實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)綁定以及獲取后端接口數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue3如何解決slot深層透?jìng)鲉?wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04
基于vue3實(shí)現(xiàn)一個(gè)抽獎(jiǎng)小項(xiàng)目
在公司年會(huì)期間我做了個(gè)抽獎(jiǎng)小項(xiàng)目，非常棒，今天把他分享到腳本之家平臺(tái)，供大家學(xué)習(xí)參考，對(duì)vue3實(shí)現(xiàn)抽獎(jiǎng)小項(xiàng)目感興趣的朋友一起看看吧2023-01-01
實(shí)現(xiàn)一個(gè)Vue自定義指令懶加載的方法示例
這篇文章主要介紹了實(shí)現(xiàn)一個(gè)Vue自定義指令懶加載的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06