vue.js如何设置按钮禁用？

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如何设置按钮禁用？的详细内容，更多请关注0133技术站其它相关文章！