vue组件设置child的数据值

2024-04-26

我正在使用 vue 轮播

https://ssense.github.io/vue-carousel/api/ https://ssense.github.io/vue-carousel/api/

它运行良好,但我需要重置轮播

我可以看到当前页面有一个值,我认为将其设置为 0 可以作为重置。然而,这些似乎没有公开的方法可以让我做到这一点。我可以从父母那里设置吗?


如果要在子组件上设置数据属性,可以设置ref属性 https://v2.vuejs.org/v2/api/#ref在该孩子的标签上,然后通过以下方式访问子实例this.$refs.


在您的情况下,您可以向轮播标签添加引用,如下所示:

<Carousel ref="carousel"/>

然后在父组件的脚本中,您可以设置currentPage子组件的属性如下所示:

this.$refs.carousel.currentPage = 0;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue组件设置child的数据值 的相关文章

随机推荐