关于Vue子组件调用父组件函数方法不成功的情况

最新推荐文章于 2024-05-28 18:37:06 发布
最新推荐文章于 2024-05-28 18:37:06 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： vue组件 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flyingLF/article/details/107734793
版权

主要比较两种调用方法：this. p a r e n t . f u n c ( ) ∗ ∗ 和 ∗ ∗ t h i s . parent.func()**和**this. parent.func()∗∗和∗∗this.emit(‘func’)
项目原来使用this. p a r e n t . f u n c ( ) , 在 一 层 子 组 件 尚 行 ， 未 出 现 b u g , 但 是 多 层 子 组 件 嵌 套 时 ， 最 好 使 用 t h i s . parent.func(),在一层子组件尚行，未出现bug,但是多层子组件嵌套时，最好使用this. parent.func(),在一层子组件尚行，未出现bug,但是多层子组件嵌套时，最好使用this.emit.(‘func’)

先这样吧，有事走了！

addU
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+element 子组件调用父组件失败
weixin_43721554的博客
10-01 1743
项目中遇到vue子组件调用父组件的方法，我写的是this.$emit('search');但是没有成功，查了下说有三种子组件调用父组件的方式： 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 <template> <div> <child></child> </div> </template> <script> import child from '~
Vue $emit()不能触发父组件方法，Vue子组件向父组件使用自定义事件$emit传递数据无效的坑
m0_61672533的博客
01-03 1084
Vue子组件向父组件使用自定义事件$emit传递数据无效的坑
uniapp this.$parent子组件调用父组件方法在H5环境不生效问题
最新发布
m0_71739658的博客
05-28 222
关于 this.$parent方法在H5环境不生效问题
Vue 子组件使用 this.$parent 无法调用父组件中的方法
godev的博客
04-22 4256
this.$parent 无法调用父组件中的方法1. 遇到的问题2. 分析3. 解决4. 总结 1. 遇到的问题 在开发 Vue 项目中，遇到了一个这样的问题: 其中UI框架使用的是iview UI , 在子组件中利用 this.$parent.getList() 调用父组件中的 getList() 方法, 发 现调用不到该方法, 然后通过 this.$parent.$parent.getList() 就可以调用到 2. 分析 在子组件中打印 this.$parent，通过控制台的打印，发现打印出来
vue子组件调用父组件方法$emit没有生效
qq_35567179的博客
09-12 6887
一开始查百度，别人都说 this.$emit(方法名, 参数);里面的方法名不能是驼峰法，试了下不行； 还有说emit不能写在axios里的，于是我拿到外面去了也不行； 最后谷歌查，原来是父组件里的子组件需要注册一下被监听的方法 parent组件 <el-parent> <wx-upload v-on:uploadsuccess="UploadSuccess"></wx-upload> </el-parent> ... <sc
vue 父组件中调用子组件函数的方法
10-16
主要介绍了vue 父组件中调用子组件函数的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
Vue子组件向父组件通信与父组件调用子组件中的方法
08-27
Vue 子组件向父组件通信与父组件调用子组件中的方法 Vue 子组件向父组件通信是指子组件将数据或事件传递给父组件的过程，而父组件调用子组件中的方法则是指父组件可以调用子组件中的方法来实现某些功能。这两种方式...
vue.js中父组件调用子组件的内部方法示例
11-30
在Vue.js框架中，父组件调用子组件的内部方法是一种常见的交互方式，尤其是在复杂的组件交互场景下。这里我们将详细探讨如何实现这一功能，并通过一个示例来具体说明。 首先，我们要了解Vue.js中的`ref`属性。`ref`...
vue 子组件向父组件传值方法
08-27
2. **父组件监听事件**：在父组件中，我们可以使用`v-on`指令监听子组件触发的事件，并提供一个处理函数来接收传递的数据。在父组件模板中，我们为`component-a`组件绑定`v-on:child-say`事件，并设置`listenToMyBoy...
Vue在子组件传父组件的事件无效的问题
sunlando的博客
12-16 1080
Vue在子组件穿父组件的事件无效的问题 this.$emit('isShow') 这边$emit不支持驼峰语法
vue 父子组件传值及不生效问题
sky_sunshine_x的博客
09-02 3702
1.父组件 <!--顶部--> <topHead :parent="testdata" v-if="testdata.length>0"></topHead> data() { return { testdata:[], }} methods: { //获取信息 getBannerList(){ getHone().then(response => { this.testda
vue:多重嵌套的子组件调用父组件方法
FlowingRiver
01-06 1850
vue中子组件调用父组件一般用emit方式,如下: 父组件: methods:{ fathermethod(param){ console.log(param) } } 子组件: this.$emit("fathermethod",param) 对于多层嵌套的父子组件,用emit会无效. 可使用provide/inject方式: 父组件: data () { return { } }, methods: { XXXX(param){ } },
vue3 子组件调用父组件中的方法
Gyh9421的博客
12-26 1198
vue3 子组件调用父组件中的方法
Vue3-Watch踩坑-watch监听无效
qq_40441489的博客
11-23 7043
从vue3源码分析watch的使用注意事项
Vue 中子组件调用父组件不可调用的问题解决
weixin_43247040的博客
01-16 1849
Vue 中子组件调用父组件不可调用的问题解决 触发场景 在原来的两个页面中（A和B），共用一个子组件（C），使用this.parent.fn的方式调用父组件函数，没有问题。后面因为业务关系，把两个页面整合成一个页面，其中一个页面变成子组件，也就是A成为父组件，B成为子组件，C还是A和B的子组件，这个时候，C组件使用this.parent.fn的方式调用父组件函数，没有问题。后面因为业务关系，把...
上班日记3——vue3爷，父，子在script setup下的defineEmits，事件命名等均无问题，但依旧不能触发爷组件方法
dlchgg的博客
08-19 632
3、使用nexTtick试试——都成习惯了，经常类似的问题都是如此，实际上emit通信因为nexttick而出问题感觉没有，但是不知道有没有特定情况。1、vue3也是这个新工作才接触，是不是我的defineEmits使用的有问题。1、子组件内使用defineEmits，父组件内设置handleBinduser方法，让子触发父。弊端嘛就是，太麻烦了，本来就是父和爷组件，现在还要多一个子触发父，而且公用的一个子组件，懒得写。2、可能需要驼峰命名。
.$parent子组件无法调用父组件方法
qq_43723636的博客
04-18 591
在子组件tab.vue中，调用父组件方法 父组件含有该方法： 但偏偏报错： [Vue warn]: Error in v-on handler: "TypeError: this.parent.fatherMethodisnotafunction"；[system]TypeError:this.parent.fatherMethod is not a function"； [system] TypeError: this.parent.fatherMethodisnotafunction"；[sys
关于vue子组件触发父组件的事件失效问题
IT水很深，路还很长
08-02 2170
父组件 <child @event-name="eventName" @eventName="eventName"> 子组件 调用父组件方法 this.$emit("event-name"); 有效 this.$emit("eventName"); 偶尔会失效 一般写代码，方法名都用驼峰是eventName,但在子组件触发父组件方法时，会将方法名转为小写。看别人文档建议写成...
vue2 子组件调用父组件函数
08-25
- *1* *2* *3* [Vue子组件怎么调用父组件的方法 Vue子组件调用父组件函数的三种方法](https://blog.csdn.net/qq_45466204/article/details/126232074)[target="_blank" data-report-click={"spm":"1018.2226.3001....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值