如何在input输入框内输入数字然后在最后一个框内显示相加的数字

在这里输入数字

然后输入完毕后在最后一个框内相加，然后提交数据

vue使用计算属性来做这种事，computed

data(){
 return {
     tableData:[]
  }
},
//computed计算属性与data同级
computed: {
    total() {
       let res=0
       //计算属性可以读取到你state种的值，我这里用tableData指代，你自己替换成自己的表格数组名称
       this.tableData.map(cur=>{
              //cur.num指的是你表格数据对象的num属性，num替换成你自己表格数据对象种对应的值字段
              res+=cur.num
       })
       return res
    }
  }

//然后去页面上直接使用
{{this.total}}

就获取前面所有的数做个相加就行。注意用number转成数字再做运算。看你这像是一个表格里，直接获取，当前行的数据就行
https://codepen.io/guyu521/pen/RwVvWoy https://codepen.io/guyu521/pen/RwVvWoy
建议用v-for循环input更简洁

1.在input 加入触发时改变事件 2.通过事件获取到前面所有框中的值，只要其中还有未填写的就终止，全都填写完就相加 赋值给最后一个input

给你的input 加上 v-on:input="inputFunc"

然后定义这个函数inputFunc 在这个函数里，进行求和计算，然后复制给最后一个input