iview table里面的输入框值不更新

vm.table.data[params.index].charge = val //修改输入值

 data() {
    
    
    return {
    
    
      table: {
    
    
        data: [],
        cols: [
          {
    
    
            title: '添加时间',
            key: 'addTime',
            minWidth: 120,
            align: 'center',
            render: (h, params) => {
    
    
              let {
    
     addTime } = params.row
              return h('span', addTime || '无')
            }
          },
          {
    
    
            title: '费用',
            key: 'charge',
            minWidth: 80,
            align: 'center',
            render: (h, params) => {
    
    
              let vm = this
              let chargeInput = h('InputNumber', {
    
    
                props: {
    
    
                  value: params.row.charge,
                  min: 0.01,
                  precision: 2,
                  activeChange: false
                },
                class: ['charge-input'],
                style: {
    
    
                  display: 'inline-block'
                },
                on: {
    
    
                  'on-change'(val) {
    
    
                    if (val !== null) {
    
    
                      vm.table.data[params.index].charge = val //修改输入值
                    }
                  }
                }
              })
              let textMsg = h(
                'span',
                {
    
    
                  style: {
    
    
                    display: 'inline-block',
                    marginLeft: '5px'
                  }
                },
                '元/次'
              )
              return h('span', [chargeInput, textMsg])
            }
          },
          {
    
    
            title: '是否重复收费', //单选按钮控件
            key: 'chargeType',
            minWidth: 80,
            align: 'center',
            render: (h, params) => {
    
    
              let vm = this
              let viewBtn = h('Checkbox', {
    
    
                props: {
    
    
                  //是否重复收费 0-否 1-是
                  value: params.row.chargeType,
                  'true-value': 1,
                  'false-value': 0
                },
                on: {
    
    
                  'on-change'(val) {
    
    
                    vm.table.data[params.index].chargeType = val
                  }
                }
              })

              return h('span', [viewBtn])
            }
          },
        ],
        loading: false
      },
      pagination: Object.assign({
    
    }, PAGE_PARAMS)
    }
  },

猜你喜欢

转载自blog.csdn.net/weixin_39818813/article/details/121770712