element下拉选择组件（el-select）绑定数据在方法中改变，但是不回显（同样方法可解决下拉选择数据后，不变化，即无法选择）

前言

<el-select v-model="arr.cities_and_counties" filterable clearable @change="matchProvince">
	<el-option v-for="item in select4" 
		:key="item" 
		:label="item" 
		:value="item">
	</el-option>
</el-select>

在methods{}中改变了v-model绑定的数据，但是下拉输入框不显示

一、解决方案

利用@change=""实现事件监听，调用this.$forceUpdate();函数实现数据刷新

1、可以@change="this.$forceUpdate"这样写

2、也可以在@change="matchProvince"中写一个方法，就像上面的代码块那样，在方法里面调用this.$forceUpdate函数，如下：

matchProvince() {
	this.$forceUpdate();
}