vue子组件调用父组件方法（添加完成后更新列表数据）

于 2023-04-22 16:49:02 发布
阅读量609 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shi15926lei/article/details/130306887
版权

第一种方法:

在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了

子组件:

 父组件:

第二种方法:

直接在子组件中通过this.$parent.event来调用父组件的方法

子组件:

父组件:

  

第三种方法:

父组件把方法传入子组件中，在子组件里直接调用这个方法

三种方法都可以用,看自己喜欢使用那种.

前端进阶中
关注
Vue2中子组件调用父组件的方法，父组件调用子组件的方法，父子组件互相传值和方法调用
共同学习，共同成长
05-10 5320
Vue2中子组件调用父组件的方法，父组件调用子组件的方法，父子组件互相传值和方法调用
vue 父组件调用子组件方法及事件
08-27
Vue 父组件调用子组件方法及事件 在 Vue 中，父组件调用子组件方法及事件是非常常见的需求，特别是在复杂的组件树中。今天，我们将详细介绍如何实现父组件调用子组件方法及事件。 父组件调用子组件方法 在上面的...
vue子组件调用父组件的方法
记录本人工作中遇到的问题、经验总结以及分享。
07-08 6788
【代码】vue子组件调用父组件的方法。
vue 子组件 调用、触发父组件中的方法
愿我如星君如月 ... 夜夜流光相皎洁 ...
12-26 2770
我发现了两种写法。 方法一： 子组件： <template> <button @click="submit">提交</button> </template> <script> export default { methods: { submit: function () { // 子组件中触发父组件...
Vue子组件调用父组件的方法
xdhc的博客
08-21 620
Vue中子组件调用父组件的方法，这里有三种方法提供参考 1、直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import child fro...
vue 父组件中调用子组件函数的方法
10-16
在Vue.js框架中，父子组件之间的通信是常见的需求，其中父组件调用子组件的方法是实现特定功能的重要方式。以下详细介绍Vue中父组件调用子组件函数的方法及其知识点。 首先，要理解Vue组件的定义与引用方式。一个...
Vue子组件向父组件通信与父组件调用子组件中的方法
08-27
Vue 子组件向父组件通信是指子组件将数据或事件传递给父组件的过程，而父组件调用子组件中的方法则是指父组件可以调用子组件中的方法来实现某些功能。这两种方式都是 Vue 中常用的组件间通信方式。 子组件向父组件...
Vue父组件调用子组件事件方法
08-27
这里我们将详细介绍两种常见的Vue父组件调用子组件事件方法。 首先，我们需要理解Vue中的事件机制。Vue采用自定义事件系统来处理组件间的通信，这被称为“事件驱动”编程。组件可以通过`$emit`方法触发事件，而其他...
vue子组件调用父组件方法
张张张的博客
12-28 3346
本文简单介绍在vue中子组件如何调用父组件的方法
vue 子组件调用父组件方法、值（父传子）；父组件调用子组件方法、值（子传父）。
m0_65274248的博客
10-26 5723
vue 子组件调用父组件方法、值（父传子）；父组件调用子组件方法、值（子传父）。
vue 子组件调用父组件的方法
yuange
01-04 157
https://blog.csdn.net/zgrkaka/article/details/100528714
vue子组件调用父组件的三种方法
wfly blog
11-16 5466
第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件代码 <template> <div> <songCompoent></songCompoent> </div> </template> <script> const son...
Vue子组件调用父组件事件的三种方法
m0_37878884的博客
02-15 6002
Vue子组件调用父组件事件的三种方法
vue中子组件如何调用父组件方法
LeakCollector的博客
04-01 404
vue中子组件如何调用父组件方法 推荐有个写的比较实用的链接：点这里
VUE子组件调用父组件的方法
最新发布
07-29
回答: 在Vue中，子组件调用父组件的方法有几种方式。其中一种方式是通过props将父组件的方法传递给子组件，子组件可以通过调用props中的方法来触发父组件的方法。在引用\[1\]中的例子中，父组件通过将fatherMethod...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值