Vue 中 使用 ElementUI 中的 el-select 中的remote-method 如何添加自定义方法 ?

本文介绍了如何在Vue项目中使用ElementUI的el-select组件进行远程搜索,并添加自定义参数。通过`:remote-method="(val) => getBrand(val, scope.row)"`的方式,利用闭包和箭头函数将表格当前行(row)的数据传入远程方法,实现了在el-table列中使用el-select组件并传递自定义参数的需求。" 132648687,19694862,Android平台交叉编译OCCT库C/C++实战,"['Android开发', 'C/C++', '移动开发', '开源库', '几何处理']
摘要由CSDN通过智能技术生成

首先认为大家都知道   el-select 组件 可以支持远程搜索,官网代码 https://element.eleme.cn/#/zh-CN/component/select  ,不知道的朋友自行学习哦!

el-select 组件 支持远程搜索 有一个 :remote-method="remoteMethod"  这个方法 (官网有代码内容),但是如果需要在单独传一个 自定义参数,怎么办呢?

需求:把组件放在了 el-table的列中 需要把 row的数据传递进去,实现如下:

:remote-method="(val)=>getBrand(val, scope.row)"  (scope.row 是表格的插槽) 是不是很简单,就一句话,不要小看这句话哦,实现原理包括了 闭包和箭头函数。

下面代码举个栗子:

<template> 
    <div>
        <el-select v-model="brandId" filterable remote placeholder="请输入品牌"
              :remote-method="(val)=>getBrand(val, "测试数据")" clearable>
               <el-option v-for="item in brandLis
  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值