vue3.0子组件向父组件传值-发布订阅者模式

子组件向父组件传值-context.emit

子组件向父组件传值 context.emit

子组件向父组件传值 context.emit

子组件中：
将数据terminationOpinion传给父组件

submitForm.terminationOpinion = res.data.terminationOpinion ? res.data.terminationOpinion : "" //驳回意见
//使用context.emit将submitForm.terminationOpinion以 getOpinion为自定义事件名 传给父组件
context.emit("getOpinion", submitForm.terminationOpinion);

父组件中：
使用@自定义事件名接收

<div class="steps-content" v-if="current === 0"><oneStepref="oneStepRef"@getOpinion="getOpinion"></oneStep>
</div>

父组件js中：

let getOpinionContent = ref("")
const getOpinion = (getOpinion) => {console.log(getOpinion)getOpinionContent.value = getOpinion
}
consolle.log(getOpinionContent.value)

vue3.0子组件向父组件传值-发布订阅者模式相关推荐

Vue3 子组件向父组件传值的方法
Vue3 子组件向父组件传值的方法有两种方式可以实现. 方式一:父组件传送一个处理方法给子组件,子组件调用这个处理方法把父组件关心的值作为参数传给这个处理方法. 例子: ============== ...
【Vue3系列】父组件调用子组件的方法-子组件向父组件传值
一:父组件调用子组件的方法父组件 <template><div>父页面<son-com ref="sonRef"/><button @c ...
Vue3子组件向父组件传值
子组件向父组件传值核心的部分是emit事件,子组件绑定一个emit触发事件,父组件监听事件就可以达到子组件向父组件传值的目的. 这里我们编写一个计数器的案例. 首先我们先展示子组件和父组件的代码: & ...
vue2.0 子组件和父组件之间的传值
Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子父组件通信的问题首先我们先搭好开发环境,我们首先得装好git和npm这两个工具(如果有不清楚的同学 ...
vue3.0 子组件调用父组件中的方法
在vue2中,子组件调用父组件,直接使用this.$emit()即可. 但是在vue3中,很显然使用this.$emit() 已经开始报错了,为什么会报错呢? 原因是:在vue3中setup是在声明周 ...
组件间数据交互——父组件向子组件传值（ props属性值类型）子组件向父组件传值-携带参数 || 非父子组件间传值
父组件向子组件传值 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
vue element ui 子组件向父组件传值
写项目碰到弹窗(子组件)向他的父组件传值,具体如下: 父组件: <Zjhinfo v-if="ZjhinfoVisible" ref="Zjhinfo" ...
Vue.js 父组件向子组件传值和子组件向父组件传值
父组件向子组件传值组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据 <script>// 创建 Vue 实例,得到 ViewModelvar vm = new ...
uniapp 子组件向父组件传值
使用组件可以减少代码的重复率,提高写代码的效率,改起来也方便. 最近在使用uni-app做项目,一套代码多端实现,做些简单的项目还是可以的.废话少说,说说子组件向父组件传值. 子组件获取到值的时候,使 ...

vue3.0子组件向父组件传值-发布订阅者模式

子组件向父组件传值-context.emit

子组件向父组件传值 context.emit

vue3.0子组件向父组件传值-发布订阅者模式相关推荐

最新文章

热门文章