vue+element组件传递自定义参数

这里使用select组件来演示

使用change事件给自定义函数selectChange传递自定义参数

@change="(v) =>{ selectChange(v,'自定义参数') }">

<el-select v-model="value"    @change="(v) =>{ selectChange(v,'自定义参数') }">
  <el-option v-for="item in options" 
   :key="item.value" 
   :label="item.label" 
   :value="item.value">
  </el-option>
</el-select>

options: [
   { value: '选项1', label: '黄金糕' }, 
]

selectChange(v,diyV){
  console.log(v)     // 选项1
  console.log(diyV)  // 自定义参数
}

这里利用的是高阶函数的写法
change 里的形参v是接收select的默认参数

所以在函数selectChange里会接收到element的select组件的默认传参和我们自己的自定义传参

本人并未运行本段代码,基于经验总结,若有问题感谢指出

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容