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

1.Vue隐藏显示

<div v-bind:class="{hidden: isHidden }"> <label> <input checked="" v-model="user.userstate" type="checkbox" /> <span></span> </label> </div> data:{ isHidden: true }

•v-bind:class=”{hidden: isHidden }” 可动态设置vm.isHidden值
•:class=”{hidden: isHidden }” 简写

2.Vue控件只读

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

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

总结

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

您可能感兴趣的文章: