Elementplus远程搜索下拉

你邻座的怪同学

已于 2024-04-28 21:11:48 修改

阅读量603

点赞数 1

CC 4.0 BY-SA版权

文章标签： java 服务器 linux

于 2024-04-28 21:11:15 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45816407/article/details/138291289

本文介绍了如何在Vue应用中使用el-select组件进行远程搜索，通过`getAppNumberList`方法获取型号数据，并展示了一个使用示例和数据处理过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

远程搜索

:remote-method=“getAppNumberList”

		<div class="filter-item">
          <span>型号:</span>
          <el-select v-model="listQuery.numberId" clearable filterable :remote-method="getAppNumberList" remote placeholder="请选择型号">
            <el-option
              v-for="item in appNumberList"
              :key="'type' + item.id"
              :label="item.numberName"
              :value="item.id" />
          </el-select>
        </div>

	getAppNumberList(numberName) {
      this.listAppNumberQuery.numberName = numberName
      fetchAppNumberList(this.listAppNumberQuery).then(response => {
        this.appNumberList = response.data.data
      })
    },