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

460 阅读1分钟

这里使用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组件的默认传参和我们自己的自定义传参

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