properties - Vue组件设置child的数据值

Question

我正在使用 vue 轮播

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

它工作得很好，但我需要重新设置旋转木马

我可以看到当前页面有一个值，我认为将其设置为 0 可以作为重置。但是，这些似乎没有公开的方法可以让我这样做。我可以从父级设置它吗？

Answer 1

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

---

在您的情况下，您可以像这样向轮播标签添加引用:

<Carousel ref="carousel"/>

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

this.$refs.carousel.currentPage = 0;