怎么在v-for中input输入框自动求和并显示

<el-row v-for="(v,i) in show_answer" :key="i">
                            <el-col :span="18" ><div class="q_layout" >
                                <div class="radio_div">
                                    <P>{{i+1}}. 答：{{v.name}}</P>
                                </div>
                            </div></el-col>
                            <el-col :span="3" ><div class="q_layout" >
                            </div></el-col>
                            <el-col :span="3" ><div class="q_layout" >
                                <span>得分：</span>
                                <input type="text" name="score" 
                                :class="{'input-item':true,'inputstate':inpstate}" 
                                v-model="stu_score[i]" />
                            </div></el-col>
                        </el-row>

这是页面部分，js部分该怎么写

定义一个数组，输入的值直接在数组中，对数组求和即可。

computed计算属性去做，定义个函数把得分的文本框都加起来

计算属性循环累加

 <input type="number" v-model="input1" placeholder="输入数字" ></input>
    <input type="number" v-model="input2" placeholder="输入数字" ></input>
    <input type="number" v-model="input3" placeholder="输入数字" ></input>
    <p>和：{{re}}</p>

data(){
return{
   input1:0,
      input2:0,
      input3:0,
}
computed:{
 re:function(){
      let r=0;
      r=parseInt(this.input1)+ parseInt(this.input2)+parseInt(this.input3)
      return r
    }
}
}

也可以用@change绑定事件写多个方法，每个方法把三个数叠加，这里input用了number类型，可以去掉parseInt转换，如有帮忙，麻烦右上角点个采纳。谢谢！