我的走马灯是在一个弹窗里,包裹着一些button,切换到下一页时 关闭弹窗再打开弹窗还显示的是上次第二页位置 领导很不满意
1.
2.写在你打开弹窗或者关闭弹窗的位置
this.$refs.carousel && (this.$refs.carousel.activeIndex = 0);
解释一下:
this.$refs.carousel
:this.$refs
是通过引用组件或 DOM 元素来访问,获取 "carousel" 的引用(carousel
是在模板中定义的ref
名字)(this.$refs.carousel.activeIndex = 0)
: 将 "carousel" 的引用的activeIndex
属性设置为 0,将走马灯的当前激活项设为第一个项目- && 确保只有在
carousel
存在时才将当前激活项重置为第一个,避免在carousel
未定义时触发错误,同时确保走马灯回到第一页。