踩坑日记—select选择当前整个数据及多选

话不多说，看代码：

<el-select
	v-model="shopData"
	filterable
	remote
	reserve-keyword
	placeholder="请输入关键词"
	:remote-method="queryShop"
	value-key="shopId"
	@change="checkShop"
	ref="shopFocus"
	:loading="false"
>
	<el-option v-for="item in shopList" :key="item.shopId" :label="item.shopName" :value="item"> </el-option>
</el-select>

:value就是我们绑定的取值，item表示取出了整条数据，当取整条数据的时候需要注意：

1. :key 必须是数据的唯一ID 当前shopId就是数据的唯一id
2. select里必须加上value-key同时value-key需要绑定:key所绑定的唯一id,注意当前没有冒号，存在冒号会影响前端选择数据的展示。
3. queryShop代表远程请求的查询方法
4. checkShop代表当前选中值发生变化的方法