vue 中 父子组件值交互怎么使用 this.$emit

前提条件

• 父页面：代号爸爸
• 子界面一号：代号 儿子一号
• 子界面二号：儿子二号

父子配合

首先儿子一号有一个点击方法

点击后出发 爸爸的 changeType 方法

爸爸中怎么接收

爸爸接收儿子一号的值 改变 this.sortType 符合条件会触发儿子二号

儿子二号接收参数

总结

• 子组件 传值到父组件 使用 this.$emit(‘父组件方法名’)
• 父组件一般通过 @ this.$emit("这个名称")进行获取值例如子组件是this.$emit(‘test’). 父组件 就是@test=“方法名”
• 父组件传参数使用 :参数名：“参数“
• 子组件接受参数使用 props: [“sortType”, “queryParams”], 通过 this.xxx 使用