render中的数据经过计算之后如何绑定再指定的数据上
render中的数据经过计算之后如何绑定再指定的数据上
如题
我想要同一列把这个输入框中的单价以及数量相乘之后加载在消费金额上,而消费金额是一个数据的属性值,但是我尝试多次之后无法绑定这个属性,想问一下该怎么办
下面是代码
相关代码
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
https://run.iviewui.com/qBDsKejw
看看是不是想要这效果,就是用this.$set 添加一个响应式的属性