
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其它相关文章!














