vue 中 父子组件值交互怎么使用 this.$emit
前提条件
- 父页面：代号爸爸
- 子界面一号：代号 儿子一号
- 子界面二号：儿子二号
父子配合
首先儿子一号有一个点击方法
点击后出发 爸爸的 changeType 方法
爸爸中怎么接收
爸爸接收儿子一号的值 改变 this.sortType 符合条件会触发儿子二号
儿子二号接收参数
总结
- 子组件 传值到父组件 使用 this.$emit(‘父组件方法名’)
- 父组件一般通过 @ this. e m i t ( " 这个名称 " ) 进行获取值例如子组件是 t h i s . emit("这个名称") 进行获取值 例如 子组件是 this. emit("这个名称")进行获取值例如子组件是this.emit(‘test’). 父组件 就是@test=“方法名”
- 父组件传参数使用 :参数名：“参数“
- 子组件接受参数使用 props: [“sortType”, “queryParams”], 通过 this.xxx 使用