render中的数据经过计算之后如何绑定再指定的数据上

新手上路,请多包涵

render中的数据经过计算之后如何绑定再指定的数据上

如题
捕获.PNG
我想要同一列把这个输入框中的单价以及数量相乘之后加载在消费金额上,而消费金额是一个数据的属性值,但是我尝试多次之后无法绑定这个属性,想问一下该怎么办
下面是代码

相关代码

  <Table
      border
      :columns="preorder"
      :data="preorderitem"
      show-summary
    >
      <template
        slot-scope="scope"
        slot="name"
      >
        <strong>{{ scope.row.name }}</strong>
      </template>
      <template
        slot-scope="{ row, index }"
        slot="action"
      >
        <Button
          type="error"
          size="small"
          @click="remove(index)"
        >Delete</Button>
      </template>
    </Table>
     preorder: [
        {
          title: '商品名',
          slot: 'name'
        },
        {
          title: '单价',
          key: 'cost'
        },
        {
          title: '数量',
          key: 'count',
          render: (h, params) => {
            return h('div', [
              h('InputNumber', {
                props: {
                  min: 1,
                  value: params.row.count
                },
                on: {
                  'on-change': e => {
                    params.row.count = e
                    this.preorderitem[params.index] = params.row;
                    this.selectData.forEach((v, index) => {
                      if (v.name == params.row.name) {
                        this.selectData.splice(index, 1, params.row);
                      }
                    });
                  }
                }
              })
            ])
          }
        },
        {
          title: '消费金额',
          key: 'money',
          render: (h, params) => {
            let str = params.row.cost * params.row.count;
            return h('span', {
              domProps: {
                innerHTML: str
              },
              on: {
                'on-change': e => {
                  params.row.money = str;
                  this.preorderitem[params.index] = params.row
                }
              }
            })
          }
        },
阅读 1.5k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题