组件的on-change方法如何拿到组件回调参数和开发者增加的参数

组件的 on-change 方法可以接收两个参数：第一个参数是组件回调参数，第二个参数是开发者增加的参数。例如：

// 假设组件名为 MyComponent
// 在组件内部定义 onBtnClick 方法
methods: {
  onBtnClick() {
    // 触发组件的 on-change 事件，并传递组件回调参数和开发者增加的参数
      this.$emit('on-change', '组件回调参数', '开发者增加的参数');
  }
}

在使用 MyComponent 组件的地方，可以通过监听 on-change 事件来获取组件回调参数和开发者增加的参数。例如：

<template>
  <MyComponent @on-change="handleChange"></MyComponent>
</template>

<script>
  export default {
    methods: {
      handleChange(callbackParam, devParam) {
        console.log('组件回调参数: ', callbackParam);
        console.log('开发者增加的参数: ', devParam);
      }
    }
  }
</script>

在 handleChange 方法中，就可以拿到组件回调参数和开发者增加的参数了。

相关问题

element plus的上传on-change事件可以传其他参数

是的，Element Plus的上传组件的 on-change 事件可以传递其他参数。可以通过使用 $event.target.xxx 来获取上传组件的其他属性，例如文件列表等。也可以通过在上传组件的属性中设置自定义属性来传递其他参数。例如：

<el-upload
  action="/upload"
  :on-change="handleChange"
  :custom-data="{foo: 'bar'}"
>
</el-upload>

methods: {
  handleChange(event) {
    console.log(event.target.fileList);
    console.log(event.target.customData);
  }
}

在上面的例子中，通过设置 `custom-data` 属性来传递了一个名为 `foo` 值为 `bar` 的自定义参数。在 `handleChange` 方法中，可以通过 `event.target.customData` 来获取这个自定义参数。

input的on-change方法怎么传参

在Vue.js中，可以使用v-on指令来绑定DOM事件。在使用v-on指令绑定事件时，可以使用$event参数来访问事件对象。在事件处理函数中，可以通过$event.target.value来获取input的值。

如果要在事件处理函数中传递额外的参数，可以使用JavaScript的bind方法。例如，假设有一个方法handleInputChange来处理input的on-change事件，并且想传递一个额外的参数param1，可以这样写：

<input type="text" v-on:change="handleInputChange.bind(this, param1)">

在上面的代码中，使用bind方法将handleInputChange方法绑定到当前Vue实例上，并传递了一个参数param1。在handleInputChange方法中，可以通过arguments数组来获取传递的参数，例如：

methods: {
  handleInputChange: function(param1, event) {
    console.log(param1); // 输出传递的参数param1
    console.log(event.target.value); // 输出input的值
  }
}