关于Vue列表中编辑需求中的“内存跟踪”

没次做列表的时候都会有编辑这种需求，但是自从用了Vue做项目后发现使用<template slot-scope="scope">的scope.row获取数据后赋值到formData后会出现，修改了formData里面的数据后会更新到列表里面去，我个人俗称 “内存跟踪”。我觉得这个是Vue的机制问题。下面是解决方法

 // 编辑/修改
  handleModify(index, row) {
        //关键
        this.formData = Object.assign({},row);
  }

这样可以避免这种更新到列表中

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue的特性精华
    以下内容是我在学习和研究Vue时，对Vue的特性、重点和注意事项的提取、精练和总结，可以做为Vue特性的字典； 1...
    科研者阅读 14,178评论 3赞 24
  • Vue.js 1.0 Official Guide Note
    Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性：var data = { a:...
    云之外阅读 2,277评论 0赞 6
  • Vue 组件
    此文基于官方文档，里面部分例子有改动，加上了一些自己的理解 什么是组件？ 组件（Component）是 Vue.j...
    陆志均阅读 3,885评论 5赞 14
  • Vue笔记
    VUE介绍 Vue的特点构建用户界面，只关注View层简单易学，简洁、轻量、快速渐进式框架 框架VS库库，是一封装...
    多多酱_DuoDuo_阅读 2,789评论 1赞 17
  • 《Vue.js 实战》基础篇（下）
    本章内容：表单 与 v-model、组件、自定义指令 六、表单 与 v-model 6.1、基本用法 Vue.js...
    了凡和纤风阅读 947评论 1赞 2