如現(xiàn)在頁面上有多個(gè)input，我是用element做的，不影響，下面做一個(gè)簡寫<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"}
]最終要達(dá)成的目的，就是在for循環(huán)的這些input中，name=main這個(gè)input是不可編輯的，而name=first和name=second這兩個(gè)input是可編輯的，name=main的值由first+second動(dòng)態(tài)完成,應(yīng)該如何解決呢？補(bǔ)全一下，不能用index來做，是我疏忽了，必須要利用綁定值來完成
1 回答
qq_笑_17
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超7個(gè)贊
如果單純只是你說的意思：
<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>添加回答
舉報(bào)
0/150
提交
取消