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 访问事件对象。

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