Vue+elementUI动态改变button可用状态

Vue+elementUI动态改变button可用状态

1、Vue中computed的使用

先在computed中进行编写，为了能够让button能够随着某些参数进行改变，返回一个值作为button的状态

        computed: {

            changeButton: function(){
                let buttonStatus = false;
                if (this.data.all > 0){
                    buttonStatus = true
                }else {
                    buttonStatus = false
                }
                return buttonStatus;
            }


        }

2、使用button的display属性

将button的状态button Status 赋值给button的display属性就可以让button的可用状态动态改变了