html表格输入求和,vue原生table表格,输入数值求和

实现的是用vue项目实现原生的table求一列的数值总和,其中数值是后期通过input输入的

这里要说的是 每个人的英语分数总和,因为英语是后期输入的, 不是数据库返回的,所以这边有点麻烦.

这里写的两种方法实现, 一种是方法methods, 一种就是计算属性computed

html代码

ID名称数学物理英语手动打分

{ {item.id}}{ {item.name}}{ {item.amount1}}{ {item.amount2}}总计N/A{ {sumAmount}}{ {sumMoney}}

{ {sunCount}}

没放样式代码了, 这里只实现功能

js代码

var Main = {

data() {

return {

tableData6: [{

id: '12987122',

name: '王小虎111',

amount1: '234',

amount2: '3.2',

amount3: 10,

amount4: ''

}, {

id: '12987123',

name: '王小虎222',

amount1: '165',

amount2: '4.43',

amount3: 12,

amount4: ''

}, {

<