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隱藏顯示、只讀實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答