Vue隱藏顯示、只讀實(shí)例代碼
更新時(shí)間：2018年07月18日 09:05:17 作者：Matea2
本文通過實(shí)例代碼給大家介紹了Vue隱藏顯示、只讀功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
1.Vue隱藏顯示
<div style="padding-top:5px;" v-bind:class="{hidden: isHidden }">
<label class="inline">
<input id="id-button-borders" checked="" v-model="user.userstate" type="checkbox" class="ace ace-switch ace-switch-5" />
<span class="lbl"></span>
</label>
</div>
data:{
isHidden: true
}
•v-bind:class=”{hidden: isHidden }” 可動(dòng)態(tài)設(shè)置vm.isHidden值
•:class=”{hidden: isHidden }” 簡(jiǎn)寫
2.Vue控件只讀
<input type="text" class="form-control" v-bind:readonly="isReadOnly" validate="notNull,realname" v-model="user.realname"/>1
data:{
isReadOnly:false
}
•v-bind:readonly=”isReadOnly” 可動(dòng)態(tài)設(shè)置vm.isReadOnly
總結(jié)
以上所述是小編給大家介紹的Vue隱藏顯示、只讀實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Vue實(shí)現(xiàn)自動(dòng)檢測(cè)以及版本的更新
當(dāng)用戶在當(dāng)前站點(diǎn)停留時(shí)間比較長(zhǎng)，中途站點(diǎn)進(jìn)行升級(jí)更新之后，用戶如果不刷新頁(yè)面就任然停留在舊的頁(yè)面里，如何讓用戶收到一個(gè)提示，引導(dǎo)用戶進(jìn)行更新操作呢？下面給大家介紹如何站點(diǎn)更新如何在生產(chǎn)環(huán)境提示用戶更新，進(jìn)行頁(yè)面刷新操作，核心原理其實(shí)很簡(jiǎn)單2023-03-03
這篇文章主要介紹了Vuex 模塊化使用詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要介紹了vue 組件間的通信之子組件向父組件傳值的方式總結(jié),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
這篇文章主要介紹了vue項(xiàng)目無法刪除的問題及解決方案，具有很好的參考價(jià)值，希望對(duì)的大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要給大家介紹了關(guān)于Vue開發(fā)實(shí)踐指南之應(yīng)用入口的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
本篇文章主要介紹了在vue中通過axios異步使用echarts的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要給大家介紹了關(guān)于vue中自定義指令directive的相關(guān)資料,自定義指令解決的問題或者說使用場(chǎng)景是對(duì)普通 DOM 元素進(jìn)行底層操作,所以我們不能盲目的胡亂的使用自定義指令,需要的朋友可以參考下2021-09-09
vue中this.$router.go(-1)失效(路由改變了，界面未刷新)
本文主要介紹了vue中this.$router.go(-1)失效(路由改變了,界面未刷新),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
Vue中以HTML形式顯示內(nèi)容并動(dòng)態(tài)生成HTML代碼的方法
有的時(shí)候我們想在vue中直接顯示一個(gè)html的網(wǎng)頁(yè),如果用富文本方式,那么內(nèi)容就會(huì)太多,那么怎么處理呢?這篇文章主要給大家介紹了關(guān)于Vue中如何以HTML形式顯示內(nèi)容并動(dòng)態(tài)生成HTML代碼的相關(guān)資料,需要的朋友可以參考下2024-03-03
本文主要介紹了vue中使用詞云圖的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01