<Button
   :disabled="saveDisable"
 >保存
  </Button>
 data() {
    return {
      saveDisable: false, //初始为非禁用状态
      banner: [],
      }
    }
 watch: {
    banner: { //监听banner
      handler: function(newVal, oldVal) {
        this.saveDisable = false 
        for (let i in newVal) {
          if (newVal[i].linkUrl === '') { //如果banner中有任一linkUrl为空,按钮变为禁用状态
            this.saveDisable = true 
          }
        }
      },
      deep: true // watch 的 API 里面,有一个属性:deep ,使用它就可以对数组等嵌套对象进行深度监听
    }
  }
Logo

前往低代码交流专区

更多推荐