首页 > 编程 > JavaScript > 正文

Vue隐藏显示、只读实例代码

2019-11-19 13:28:28
字体:
来源:转载
供稿:网友

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 }” 可动态设置vm.isHidden值
•:class=”{hidden: isHidden }” 简写

2.Vue控件只读

<input type="text" class="form-control" v-bind:readonly="isReadOnly" validate="notNull,realname" v-model="user.realname"/>1data:{    isReadOnly:false  }

•v-bind:readonly=”isReadOnly” 可动态设置vm.isReadOnly

总结

以上所述是小编给大家介绍的Vue隐藏显示、只读实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表