uniapp for顯示數據改變時，綁定的list值同時改變

 

<template>
    <view class="container">
        <uni-table>
            <uni-tr v-for="(row,idx) in Table" :key="idx">
                <uni-td><view>{{row.ID}}</view></uni-td>
                <uni-td>
                    <input type="text" @input="nmInput" @blur="nmblur(idx)" :value="row.NM" />
                </uni-td>
            </uni-tr>
        </uni-table>
    </view>
</template>

<script>
    export default 
    {
        data() {
            return {
                    Table:[],
                    nmText:""
            }
        },
        methods:
        {
            //獲取輸入的值
            nmInput(e){
                console.log(e.detail.value);
                this.nmText = e.detail.value;
            },
            //焦點離開時將值賦給list
            nmblur(idx)
            {
                this.Table[idx].NM = this.nmText;
                //this.Table.splice(要替換下標, 替換個數, 替換元素);
                this.Table.splice(idx, 1, this.Table[idx]);
            }
        },
        onLoad() 
        {
            for(var i=0;i<3;i++)
            {
                var row = 
                {
                    "ID":i,
                    "NM":"備注"
                };
                this.Table.push(row);
            }
        }
    }
</script>

<style>
</style>