el-select 使用踩坑记录
在使用el-select的过程中,我们经常会遇到需要使用远程数据的情况。
当form表单的内容比较多的时候,我们就不能一次性加载出所有选项,这个时候我们就需要使用点击el-select请求并记载数据。
这里我使用的是@focus,聚焦到select的时候请求数据。
这里就有一个坑,因为是异步请求,就会导致数据请求有了,但是没有更新option。
这里我们必须加上filterable设置为true
// An highlighted block
<el-select filterable v-model="value" @focus="getData()"></el-select>
const getData = function () {
// 获取数据
this.$forceUpdate() // 放在异步请求里
}