Javascript 如何在vuejs中查看daynamique数组中的值

Javascript 如何在vuejs中查看daynamique数组中的值,javascript,vue.js,Javascript,Vue.js,阵列排序:[ { 名称:“产品1”, 价格:“20”, 金额:“10”, 总数1:“”, 折扣:“, 总共2个: }, { 名称:“产品2”, 价格:“50”, 金额:“20”, 总数1:“”, 折扣:“, 总共2个: }, { 名称:“产品3”, 价格:“15.5”, 金额:“10”, 总数1:“”, 折扣:“, 总共2个: }, ................ ] 我想在每次推入式数组后查看Total 1(价格*amout)和Total2(Total1*折扣)的值,并获取所有总价您可以使用

阵列排序:[ { 名称:“产品1”, 价格:“20”, 金额:“10”, 总数1:“”, 折扣:“, 总共2个: }, { 名称:“产品2”, 价格:“50”, 金额:“20”, 总数1:“”, 折扣:“, 总共2个: }, { 名称:“产品3”, 价格:“15.5”, 金额:“10”, 总数1:“”, 折扣:“, 总共2个: }, ................ ]


我想在每次推入式数组后查看Total 1(价格*amout)和Total2(Total1*折扣)的值,并获取所有总价

您可以使用返回列表的新版本并添加所需项目,而不是查看和修改数据。一般来说,这倾向于少一点错误,更容易理解。下面是一个工作示例:


  • {{item.total1}}-{{item.total2}
const项=[
{名称:'item1',价格:20,金额:10,折扣:0},
{名称:'item2',价格:50,金额:15,折扣:0.25},
{名称:'item3',价格:35,金额:20,折扣:0.75},
];
导出默认值{
数据(){
返回{items:items};
},
计算:{
itemsWithTotals(){
返回此.items.map(item=>{
const total1=item.price*item.amount;
const total2=total1*(1-项目折扣);
返回{…项,total1,total2};
});
},
},
};

请注意,我已将原始数据转换为数字属性,而不是字符串。

刚刚创建了一个计算属性,可根据这些总计进行计算。不用用手表。@Terry好的,谢谢。