vue多选框 某些状态下禁止选择

在做vue多选框的时候,禁止多选,当时想都没想直接在computed里面把row-selection 直接当成方法写在里面了,但是后来发现一些状态不能用,比如清楚多选,selectedRowKeys没有效果,这里记录一下

// 最开始的代码。 但是这种情况只在初识话的时候去执行,后面不会执行,
  {
          this.selectedRowKeys = selectedRowKeys
          this.selectionRows = selectionRows
        },
        getCheckboxProps: record => ({
          props: {
            disabled: record.oaStatus !== 1 || record.oaStatus === 4 // 待审核 审核驳回的可以勾选
          }
        })
      }
    }
  },

// 优化后的
 


// 下面两种写法都可以 
 methods: {
     getCheckboxProps: record => ({
       props: {
         disabled: record.oaStatus !== 1 || record.oaStatus === 4 // 待审核 审核驳回的可以勾选
       }
     }),
    getCheckboxProps(record) {
      return {
        props: {
          disabled: record.oaStatus !== 1 || record.oaStatus === 4 // 待审核 审核驳回的可以勾选
        }
      }
    },
}

你可能感兴趣的:(vue.js,javascript,前端)