小编给大家分享一下Vue如何隐藏显示、只读功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1.Vue隐藏显示<div&n
小编给大家分享一下Vue如何隐藏显示、只读功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
1.Vue隐藏显示
<div 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 }” 可动态设置vm.isHidden值
•:class=”{hidden: isHidden }” 简写
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” 可动态设置vm.isReadOnly
以上是“Vue如何隐藏显示、只读功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网html频道!
--结束END--
本文标题: Vue如何隐藏显示、只读功能
本文链接: https://www.lsjlt.com/news/68190.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0