Vue.js 中 emit 方法传递多个数据

在 Vue.js 中，emit 方法只能传递一个参数。如果需要传递多个数据，可以将这些数据封装成一个对象，然后将该对象作为 emit 方法的参数进行传递。\n\n例如，你可以将多个数据封装成一个对象，并将该对象作为 value 的值进行传递：\n\njavascript\nconst value = {\n data1: 'value1',\n data2: 'value2',\n data3: 'value3'\n};\nemit('submit', value);\n\n\n在接收 emit 事件的组件中，可以通过 $event 来获取传递的参数：\n\nhtml\n<template>\n <div>\n <button @click="submit">Submit</button>\n </div>\n</template>\n\n<script>\nexport default {\n methods: {\n submit() {\n const value = {\n data1: 'value1',\n data2: 'value2',\n data3: 'value3'\n };\n this.\$emit('submit', value);\n }\n }\n}\n</script>\n\n\n在父组件中接收 emit 事件时，可以通过 $event 来获取传递的参数：\n\nhtml\n<template>\n <div>\n <child-component @submit="handleSubmit"></child-component>\n </div>\n</template>\n\n<script>\nimport ChildComponent from './ChildComponent.vue';\n\nexport default {\n components: {\n ChildComponent\n },\n methods: {\n handleSubmit(value) {\n console.log(value.data1); // 输出：value1\n console.log(value.data2); // 输出：value2\n console.log(value.data3); // 输出：value3\n }\n }\n}\n</script>\n\n\n通过封装成一个对象，你可以传递多个不同的数据。