首页 > 其他分享 >如何给组件的方法传入额外的参数

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

时间:2022-10-26 14:22:47浏览次数:45  
标签:params1 额外 传入 value params2 参数 组件 handleChange

使用场景

例如在 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>

标签:params1,额外,传入,value,params2,参数,组件,handleChange
From: https://www.cnblogs.com/ychizzz/p/16828191.html

相关文章