iview 数据表格列表内点击改变按钮状态

最新推荐文章于 2023-01-04 15:23:03 发布

咖啡有点酷

最新推荐文章于 2023-01-04 15:23:03 发布

阅读量1k

点赞数

分类专栏： iview

本文链接：https://blog.csdn.net/qq_40295815/article/details/105790228

版权

iview 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

confus: {
      title: '活动预告配置',
      minWidth: 150,
      key: 'confus',
      align: 'center',
      renderHeader: (h, params) => { // 自定义有标题信息然后定义触发事件
        return h('Checkbox', {
          props: {
            value: !!_this.searchParams.confus
          },
          on: {  //  自定义排序
            'on-change': (status) => {
              if(status === true) {
                _this.searchParams.confus= 1
                _this.initListData()
              }
              if(status === false) {
                _this.searchParams.confus= null
                _this.initListData()
              }
            }
          }
        }, '活动预告配置')
      },
      render: (h, params) => {
        return h('Checkbox', {
          props: {
            value: (params.row.confus> 0),
            disabled: params.row.status === 1
          },
          on: {
            'on-change': (status) => {
              _this.chooseListData = []
              _this.chooseListData.push(params.row)

              const objData = _this.$refs.tables.$refs.tablesMain.objData
              const objDataArray = Object.getOwnPropertyNames(objData)

              objDataArray.forEach(item => {
                objData[item]._isChecked = false
              })
              objData[params.index]._isChecked = true
              // 根据另一个状态，改变他的状态
              if(status === true) {
                _this.btnChangeInformation('confus', 1)
              }
              if(status === false) {
                _this.btnChangeInformation('confus', 0)
              }
            }
          }
        }, '配置')
      }
    },