请问vue中如果子组件在父组件的v-for循环里,父组件如何调取子组件里的事件。。。

https://img4.mukewang.com/5c7ddf1a00019e8103900333.jpg

评论组件放在home组件的v-for循环里,代码如下

https://img3.mukewang.com/5c7ddf1c0001c87a04860187.jpg

我给子组件绑定一个ref,想通过$refs的方式获取子组件的刷新事件,但是console.log(this.$refs)打印出来发现getcomment是个数组;

https://img2.mukewang.com/5c7ddf1f000185b607120192.jpg

通过this.$refs.getcomment.getcomments();获取结果报错,说事件未定义,但是我方法没写错,我想应该是因为子组件便利出来是个数组,它找不到里面对象的方法,请问


HUH函数
浏览 2688回答 2
2回答

阿晨1998

既然是数组,应该获取数组的具体值,你这里是循环了,有n个子组件,this.$refs.getcomment[0]这是第一个子组件....,以此类推,你想调用第几个子组件的getcomments函数,应该是this.$refs.getcomment[index].getcomments()

慕的地8271018

想要刷新子组件的评论?很简单,评论是由数据显示的,如果你数据变了自然评论也会变,这样你就可以在子组件watch会变的数据如果你的数据是在子组件获取到的,那么也可以在把获取的方法写在computed中,只要数据源变了同样也会获取
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript