美文网首页
【Vue】数据保留问题

【Vue】数据保留问题

作者: muxiyou | 来源:发表于2019-03-15 22:34 被阅读0次

    问题描述

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

    尝试过程

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

    继续研究

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

    相关文章

      网友评论

          本文标题:【Vue】数据保留问题

          本文链接:https://www.haomeiwen.com/subject/dacrmqtx.html