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

发布于 2022-09-12 01:58:42 字数 2197 浏览 10 评论 0

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
                }
              }
            })
          }
        },

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

走走停停 2022-09-19 01:58:42

https://run.iviewui.com/qBDsKejw

看看是不是想要这效果,就是用this.$set 添加一个响应式的属性

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文