【Vue】数据保留问题

问题描述

可复用的组件里面有一个下拉选择,一开始进去选择了其中一项之后,退出来到别的页面(复用了这个组件)下拉选择也显示那一项。(组件复用???)

尝试过程

  1. 确认初始化的时候下拉选择绑定值已经改为undefined;
  2. 通过this.$set强制渲染;
  3. 把option里面v-for的key设置成唯一值;
  4. 给select也设置了不同的key;
    以上都不奏效

继续研究

终于终于发现,一开始为了做div的插入跟删除,保存div的id时把下拉选择的value一起存到全局去了,所以每次点开一个新的页面,这个全局的数组就新增一项,而不是初始化后新增,导致一直保留之前一次的value!!!!
以后要注意啊!!!!!

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

推荐阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,144评论 1 32
  • 《金文诚〈孟子〉学习笔记80,公孙丑章句上5-3》 今天是丙申年丁酉月戊午日,九月初三,2016年10月3日星期...
    金吾生阅读 1,217评论 0 1
  • 当我年轻的时候,我的想象力从没有受到过限制,我梦想改变这个世界。 当我成熟以后,我发现我不能改变这个世界,我将目光...
    鑫波阅读 343评论 0 0