1场景:弹框内有一个下拉组件(支持搜索),当选择完数据后弹框关闭,再次打开后,下拉框内的数据是刚才选中的数据。
原因:分析后觉得是搜索内容没有清空,导致下拉的数据只有一个
解决:调用下setQuery方法,伪代码如下:
<select ref="select">
<option>1</option>
<option>2</option>
</select>
this.$refs.select.setQuery(null)
this.$refs.select.query = ''
每次代开弹框后,下拉数据是全部了
如有更好方法,望指出,谢谢...
2场景:上面是select组件,当下面可选标签点击后会消失,放在已选标签组内。但每次点击后,发现数组值变化了,但组件没渲染。
原因:点击select下拉项都没有选中的状态,猜测是数组其实没有真正选择对
解决:this.checkedTags数组存的是已选标签数组
因为数组存储是取地址,而不是取值
let tempArr = JSON.parse(JSON.stringify(this.checkedTags))
tempArr.push(新选择标签id)
this.checkedTags = tempArr
大概思路更换数组的指向,使其成为一个新数组