vue中如何计算input里面输入的数字然后做运算

Question

如果我在input里面输入数字1，然后在到另一个input输入数字2，以此类推，到第10个input的 这个input不能输入，是用来显示前几个数字之和，应该怎么处理

Answer 1

computed

<template>
  <div>
    <input type="text" name="" id="" v-for="(item,index) in inps" :key="index" v-model="inps[index]">
    <input type="text" v-model='num' readonly>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        inps: [0, 0, 0, 0, 0, 0, 0, 0, 0]
      }
    },
    computed: {
      num () {
        var add = 0
        for (let i = 0; i < this.inps.length; i++) {
          add += this.inps[i] - 0
        }
        return add
      }
    }
  }
</script>