鍍金池/ 問答/Java  PHP  Python  HTML/ v-for循環(huán)的時候，怎么一起提交每個item更改的數(shù)據(jù),如下圖和代碼

v-for循環(huán)的時候，怎么一起提交每個item更改的數(shù)據(jù),如下圖和代碼

問題

我想要把輸入框里的值，修改后，再一起提交給后臺，但是報錯了

clipboard.png

<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>
回答
編輯回答
厭遇

input 沒有雙向綁定
<input type="text" v-model="item.number" v-on:change="changeFn()">

2018年1月4日 02:00
編輯回答
離夢

剛才說錯了，換成map，給你個小demo。

     data= [
            { id: 1, number: 10 },
            { id: 2, number: 20 },
            { id: 3, number: 30 }
        ],
        item = data.map(item => {
           return item.number
           
       })
       console.log(item)
2018年4月4日 21:24
編輯回答
艷骨
let item = this.data.forEach(item => {
               return item
           })

這段代碼 首先貼一下 forEachforEach
forEach返回值 undefined
你這樣寫item為undefined

2018年7月9日 03:15