vue编辑本行数据后,取消,恢复原数据

v-model的双向绑定使得修改后的数据,无法恢复到原数据,就在点击编辑的时候暂存原数据,一种是用临时存储:uni.setStorageSync,另一种是用Object.assign,点取消按钮后重新赋值恢复原数据

editRow(row) {
                // 暂存原来的数据,
                // uni.setStorageSync('tempItem',row)
                this.tempItem = Object.assign({}, row)
                this.$set(row, 'editflag', true)
            },
            cancleRow(row){
                // 取消后重新赋值
                this.$set(row, 'editflag', false)
                this.$set(row, 'charge', this.tempItem.charge)
                this.$set(row, 'completeDate',this.tempItem.completeDate)
            },

你可能感兴趣的:(vue编辑本行数据后,取消,恢复原数据)