如何给组件的方法传入额外的参数

使用场景

例如在 element-ui 中 @change 方法默认接受一个参数为改变后的 value, 如果我们需要传入额外的参数,可以将其写成箭头函数的形式:

<template>
  <el-select 
    v-model="value" 
    clearable 
    placeholder="请选择" 
    @change="(value) => handleChange(value, params1, params2)"
  > 
  </el-select>
</template>
<script>
export default {
  data() {
    return {
      value: "",
    }
  },
  methods: {
    handleChange(value, params1, params2) {
      // 这里value为默认接受的参数,params1、params2为自定义添加的参数
    },
  }
};
</script>
posted @ 2022-10-26 14:13  ychizzz  阅读(117)  评论(0编辑  收藏  举报