问题描述
可复用的组件里面有一个下拉选择,一开始进去选择了其中一项之后,退出来到别的页面(复用了这个组件)下拉选择也显示那一项。(组件复用???)
尝试过程
- 确认初始化的时候下拉选择绑定值已经改为undefined;
- 通过this.$set强制渲染;
- 把option里面v-for的key设置成唯一值;
- 给select也设置了不同的key;
以上都不奏效
继续研究
终于终于发现,一开始为了做div的插入跟删除,保存div的id时把下拉选择的value一起存到全局去了,所以每次点开一个新的页面,这个全局的数组就新增一项,而不是初始化后新增,导致一直保留之前一次的value!!!!
以后要注意啊!!!!!
网友评论