vue专题1---vue中绑定的自定义事件对应的事件处理函数，如何在传递参数的同时接收事件对象 event

        在 Vue 中，如果想在事件处理函数中传递参数，可以使用箭头函数或者 v-bind 来实现。下面是两种常见的方法：

方法1：使用箭头函数

你可以直接在事件监听中使用箭头函数来传递参数，同时接收事件对象 e。

<template>
  <select @change="(e) => page_change(e, parameter)">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
</template>

<script>
export default {
  methods: {
    page_change(e, parameter) {
      console.log('Event:', e);
      console.log('Parameter:', parameter);
    }
  },
  data() {
    return {
      parameter: 'someValue' // 你需要传递的参数
    };
  }
}
</script>

方法2：使用 v-bind 结合 @change

你可以使用 v-bind 来绑定参数，并在方法内部获得事件对象。

<template>
  <select @change="page_change(parameter, $event)">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
</template>

<script>
export default {
  methods: {
    page_change(parameter, e) {
      console.log('Event:', e);
      console.log('Parameter:', parameter);
    }
  },
  data() {
    return {
      parameter: 'someValue' // 你需要传递的参数
    };
  }
}
</script>

选择方法

1. 箭头函数 方法简单直接，但使用了额外的函数包裹。
2. v-bind 方法更为清晰，并且可以直接使用 $event 访问事件对象。

你可以根据自己的需要选择其中一种方式。