Vue.之. 动态设置按钮Disabled

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

 按钮代码如下：

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

1                                         <el-form-item>
2                                             <el-button type="primary" :disabled="isAble" @click="operateFormSubmit()" plain> 更 新 </el-button>
3                                             <el-button :disabled="isAble" @click="operateFormSubmitReset('operateForm')" > 重 置 </el-button>
4                                             <el-button type="success" @click="operateFormAppend()" plain> 追加 </el-button>
5                                         </el-form-item>

在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)
                }
            },

以上是 Vue.之. 动态设置按钮Disabled 的全部内容， 来源链接： utcz.com/z/377431.html

回到顶部