key值监听prop数据的变化

两笔数据设置的所有品牌,被设置过的不让再次设置,

el-cascader这里用的多选,已被选的数据被disabled掉

 

奥迪Q3已经被选,现在做个删除操作,props二级数据应该重新加载,删除后这个仍被禁用,但是打印出来的数据发生改变,可以用这个id的长度变化来重新加载

data 这里需要重新指向this,不然从接口返的数据赋值了goodId拿不到

propsGood: {
        lazy: true,
        checkStrictly: true,
        multiple: true,
        expandTrigger: 'hover',
        lazyLoad(node, resolve) {
          const { level, data } = node
          if (level === 0) {
            this.selectLoading = true
            const queryObj = {
              text: '',
              page: 1,
              rows: 20
            }
            getDataVehicle(queryObj, 'brand').then((res) => {
              if (res.data) {
                const data = res.data
                const tempData = []
                data.map((e) => {
                  const objStr = {
                    lid: e.id,
                    value: e.vehicleBrand,
                    label: e.vehicleBrand,
                    disabled: true,
                    leaf: level >= 2
                  }
                  tempData.push(objStr)
                })
                resolve(tempData)
                // this.brandList = tempData
                this.selectLoading = false
              }
            })
          } else {
            this.selectLoading = true
            const queryObj = {
              text: '',
              pid: data.lid,
              page: 1,
              rows: 20
            }
            getDataVehicle(queryObj, 'type').then((res) => {
              if (res.data) {
                const data = res.data
                const tempData = []
                let objStr = {}
                data.map((e) => {
                  let disabledIt = false
                  if (that.goodId.indexOf(e.id) !== -1) {
                    disabledIt = true
                  }
                  objStr = {
                    lid: e.id,
                    value: `${e.id}-${e.vehicleType}`,
                    label: e.vehicleType,
                    disabled: disabledIt,
                    leaf: true
                  }
                  tempData.push(objStr)
                })
                resolve(tempData)
              }
            })
          }
        }
      },

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值