Select (Element UI) 远程搜索设置初始值

目录

1、为什么使用远程搜索？

2、初始值只设置value（v-model）没有用？

3、解决方法

---

1、为什么使用远程搜索？

下拉选择时数据量太大，会导致页面卡顿。使用远程搜索可以解决。

2、初始值只设置value（v-model）没有用？

在远程搜索中，设置初始值时，由于 v-model 是根据下拉框的数据来显示所对应的 label 值。而在没有点击选择框时，没有调用远程搜索函数 remote-method ，下拉数据是空的，导致 v-model 无法显示对应的label。

下面的例子只设置了v-model，选择框默认选择显示是value值。

<template>
    <el-select
            v-model="value9"
            multiple
            filterable
            remote
            reserve-keyword
            placeholder="请输入关键词"
            :remote-method="remoteMethod"
            :loading="loading"
    >
        <el-option
                v-for="item in options4"
                :key="item.value"
                :label="item.label"
                :value="item.value">
        </el-option>
    </el-select>
</template>

<script>