el-select下拉框多选远程搜索反显

最新推荐文章于 2024-08-16 17:52:56 发布

前端记事本

最新推荐文章于 2024-08-16 17:52:56 发布

阅读量2k

点赞数 1

分类专栏：写个小功能文章标签： vue.js elementui vscode

本文链接：https://blog.csdn.net/gaoyu007/article/details/125931261

版权

写个小功能专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<el-form-item label="**方:" prop="coSponsorIds">
          <el-select v-if="isShow" v-model="form.coSponsorIds" placeholder="请输入**方名称"
            :style="{width: '100%'}"
            multiple // 是否多选
            filterable//为el-select添加filterable属性即可启用搜索功能
            remote //是否为远程搜索
            reserve-keyword //多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词
            :remote-method="getcoSponsorNamesList" // 远程搜索方法
            :loading="loading">
            <el-option v-for="(item, index) in coSponsorNamesList" :key="index" :label="item.deptName"
              :value="item.deptId" :disabled="item.disabled"></el-option>
          </el-select>
          <p style="margin: 0px;" v-else  v-for="(item, index) in seestopConference.coSponsorIds" :key="index">
            <span>{{item}}</span>
          </p>
          </el-form-item>