el-input change 事件如何携带其他参数

`el-input` 是 Element UI 中的一个输入框组件，它提供了一个 `change` 事件，当用户修改输入框的内容时触发。这个事件默认只会传递两个参数：

1. `event`: 表示原生的 DOM 事件对象，包含了诸如 `target`、`currentTarget` 等常用属性，可以获取到输入框元素本身。

2. `value`: 修改后的输入值。

如果你想在 `change` 事件中携带额外的自定义参数，你可以手动添加这些参数，并在绑定事件处理函数时通过 `event` 对象合并它们。例如：

<template>
  <el-input v-model="inputValue" @change="handleInputChange"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      customParam: '额外参数',
    };
  },
  methods: {
    handleInputChange(event) {
      // 在这里，你可以访问到原生 event 和自定义的 customParam
      const newValue = event.target.value;
      console.log('新的输入值:', newValue);
      console.log('自定义参数:', this.customParam);
      // 如果需要，可以将 customParam 包裹进一个新的对象或直接作为 event 的一部分传递
      // 比如 event.detail = { value: newValue, customParam: this.customParam };
    },
  },
};
</script>

在这个例子中，`customParam` 就是一个额外携带的参数，你可以根据需要在事件处理函数中使用它。