問(wèn)題
我想要把輸入框里的值，修改后，再一起提交給后臺(tái)，但是報(bào)錯(cuò)了
<template>
<div>
<ul>
<li v-for="(item,index) in data" :key="item.id">
<span>{{item.id}}</span>---
<input type="text" :value="item.number" v-on:change="changeFn()">
</li>
<button @click="btn()">btn</button>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
data: [
{ id: 1, number: 10 },
{ id: 2, number: 20 },
{ id: 3, number: 30 }
],
};
},
methods:{
btn(index){
let item = this.data.forEach(item => {
return item
})
axios.post('http://localhost:3000/examUpdateScan',{
number:item.number
})
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})
}
}
};
</script>
3 回答
守著星空守著你
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超8個(gè)贊
input 沒(méi)有雙向綁定<input type="text" v-model="item.number" v-on:change="changeFn()">
滄海一幻覺(jué)
TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊
剛才說(shuō)錯(cuò)了，換成map，給你個(gè)小demo。
data= [
{ id: 1, number: 10 },
{ id: 2, number: 20 },
{ id: 3, number: 30 }
],
item = data.map(item => {
return item.number
})
console.log(item)
- 3 回答
- 0 關(guān)注
- 501 瀏覽
添加回答
舉報(bào)
0/150
提交
取消