黑马程序员技术交流社区

标题: 【上海校区】vue中动态控制btn的disabled属性 [打印本页]

---

作者: 不二晨    时间: 2019-4-15 10:26
标题: 【上海校区】vue中动态控制btn的disabled属性
场景：当ajax请求回来的数据为空时，btn为disabled的状态，否则，btn的disabled属性为false

代码：

<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;

                    }

                }

        }

})
---------------------
【转载，仅作分享，侵删】
作者：努力_才幸福
原文：https://blog.csdn.net/weixin_38098192/article/details/80346779
版权声明：本文为博主原创文章，转载请附上博文链接！

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2