子组件触发父组件函数并传值,同时父组件中传递参数,在函数中同时接收两个参数
在vue中,父子组件传值,子组件需要通过$emit触发,此时子组件可以通过参数的形式将数据传递给父组件,父组件监听此事件,但是此时父组件传递参数给事件对应的函数,函数中将无法同时获取都两个参数,需要通过arguments进行传参。
子组件
<!--子组件parent-button-->
<template> <div class="tag-input-wrapper"> <button @click="myClick"/> </div> </template>
methods: { myClick() { this.$emit('clickParentButton', "子组件需要传递的参数") } }
父组件
<parent-button @clickBtn="clickParentButton('父组件参数', arguments)"></parent-button>
methods: {
clickParentButton()
{
console.log(arguments)
const fatherArgs = arguments[0] // 父组件传参
const sonArgs = arguments[1][0] // 子组件参数
}
}