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如何设置按钮禁用?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读