vue组件设置child的数据值

Question

我正在使用 vue 轮播

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

效果很好，但我需要重置传送带

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

Answer 1

如果要在子组件上设置数据属性，可以在该子组件的标签上设置属性ref，然后通过 访问子实例this.$refs。

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

<Carousel ref="carousel"/>

然后在父组件的脚本中，您可以currentPage像这样设置子组件的属性：

this.$refs.carousel.currentPage = 0;