iView在列表中使用switch的问题

iView的地址是iView 官网

在开发中第一次使用iView这个ui框架,在使用这个框架的过程中遇到了几个问题:

1.switch绑定字段的值不是true, false,使用的是1,2代表激活或者开启在表格中的处理

2.在表单中处理switch的状态

3.在表格中修改本行switch的状态,要求在改变状态以前调一下接口看看是否可以状态的改变,这时候使用on-change方法就会出现问题,change的时候方法就会直接改变状态,所以要使用before-change这个方法.在before-change的时候是拿不到行内的数据的, 通过element plus el-switch 的before-change 如何带参数-pudn.com找到了解决办法

handleChange(data) {
   return new Promise(async () => {
      const res = await standUpAndDown({ // 调用接口
        baseCommodityState: data.baseCommodityState == 1 ? 2 : 1,
        id: data.id
      })
      if (res.errCode == '40007' && !res.success) {
        this.$Modal.warning({
          title: '下架提示',
          content: res.errDesc
        })
      } else if (!res.success) {
        this.$Message.error(res.errDesc)
      } else {
        this.$Message.success('操作成功')
      }
       // 重新调用查询数据的接口
      this.getData()
      })
    },

以上的写法还解决了一个问题,就是行内的switch开关控制会相互影响的问题,问题描述是第一个控制没有问题,第二个控制会影响第一个,同理第三开控制会影响第一二个,以此类推.