vue如何校验动态生成元素的值之和

Question

有一个需求需要判断用户在几个动态生成的input输入的数字之和不超过某一定值

<el-form
        ref="Resform"
        :model="Resform"
        label-width="100px"
      >
        <el-form-item v-if="this.ResNum == 1">
          <div v-for="item in Resform.respeoplevalueList" :key="item"
            >{{ item.peoplename }}(%)
            <el-input v-model="item.percent" type="Number" />
          </div>
        </el-form-item>
</el-form>

效果如下

会生成若干个input 如何判断这几个input里的值之和不能超过某一定值？

Answer 1

input 加个@input监听
Resform.respeoplevalueList循环percent的总和