vue如何在for循环中将指定元素作为计算值

Question

如现在页面上有多个input，我是用element做的，不影响，下面做一个简写<el-input-number class='ipt'     v-for="(item,index) in arr"    v-model.number="item.value"    :controls="false"    :precision="2"    controls-position="right"    :min="0"> </el-input-number> arr=[     {"value"="","name"="main"},     {"value"="","name"="first"},     {"value"="","name"="second"},     {"value"="66","name"="a"},     {"value"="66","name"="b"},     {"value"="66","name"="c"} ]最终要达成的目的，就是在for循环的这些input中，name=main这个input是不可编辑的，而name=first和name=second这两个input是可编辑的，name=main的值由first+second动态完成,应该如何解决呢？补全一下，不能用index来做，是我疏忽了，必须要利用绑定值来完成

Answer 1

如果单纯只是你说的意思：

<template>
  <div>
    <input v-for="(item, index) in plusArr" :key="index" v-model="item.value">
  </div></template><script>export default {  props: {},  components: {},
  data () {    return {      arr: [
        { 'value': '1', 'name': 'main' },
        { 'value': '2', 'name': 'first' },
        { 'value': '3', 'name': 'second' },
        { 'value': '66', 'name': 'a' },
        { 'value': '66', 'name': 'b' },
        { 'value': '66', 'name': 'c' }
      ]
    }
  },  computed: {
    plusArr () {      this.arr.forEach((element, index) => {        this.arr[0].value = parseInt(this.arr[1].value) + parseInt(this.arr[2].value)
      })      return this.arr
    }
  },
  created () {
  },  methods: {}
}</script>