Vue.之. 动态设置按钮Disabled

Vue.之. 动态设置按钮Disabled

  

 按钮代码如下:

  添加了一个 属性      :disabled="isAble"  ,控制:更新按钮、重置按钮

1                                         
2                                              更 新 
3                                              重 置 
4                                              追加 
5                                         

 

在Vue的代码中,如下:

operateFormRemovedomain 是一个方法。主要代码是:this.isAble = true 这个控制上面按钮可用不可用.

operateFormRemoveDomain(item) {
                let domains = this.operateForm.domains
                let _len = domains['length'] - 1
                
                if (_len == 0) {
                    this.isAble = true; 
                } else {
                    this.isAble = false; 
                }
                var index = this.operateForm.domains.indexOf(item)
                if (index !== -1) {
                    this.operateForm.domains.splice(index, 1)
                }
            },

 

转载于:https://www.cnblogs.com/Charles-Yuan/p/11073740.html

你可能感兴趣的:(Vue.之. 动态设置按钮Disabled)