vue.js可以通过设置button元素的disabled属性来禁用按钮,disabled 属性是一个 boolean(布尔) 属性。如果使用该属性,则会禁用按钮。
HTML代码:
<button class="iconDivIcon targetBtn" :class="isdisabled?btndisabled:''" style="width:100px;" @click="changeEnables(0)" :disabled="isdisabledFn">禁用</button> <div id="app"><button :disabled="isdisabledFn">测试</button><div>
js
var app=new Vue({ el:"#app", data:{ isDisabl:true }, computed:{ isdisabledFn(){ if(后台传过来的数据!=null){ return this.isdisabled=false; }else{ return this.isdisabled=true; } } } })
更多相关知识请关注前端学习网站
以上就是vue.js如何设置按钮禁用?的详细内容,更多请关注易知道|edz.cc其它相关文章!