子组件触发父组件函数并传值,同时父组件中传递参数,在函数中同时接收两个参数

在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] // 子组件参数

}
}

 

 

posted @ 2022-07-27 17:38  lovamiaomiao  阅读(297)  评论(0编辑  收藏  举报