博客

项目要求点进来默认第三个，然后出现报错

找了好久找到了这个原因

       // swiper-item左右移动，通知tabs的滑块跟随移动
            transition(e) {
                let dx = e.detail.dx;
                this.$refs.uTabs.setDx(dx);
            },

刚进来 不能是 默认的 是第三个 或者第二个

这个时候 他就会执行这个方法 获取页面的px 然后 tab 跳转到对饮的位置

为啥会报错是因为进来的时候已经给他默认的值了

然后left就会报错

这个时候 只要让那个 跳转到px值的 那个方法 执行慢一点 就可以了

this.$refs.uTabs.setDx(dx);

就是执行this

$ref 里面注册过的组件

uTabs 是组件里面的方法

最终

		// swiper-item左右移动，通知tabs的滑块跟随移动
			transition(e) {
				let dx = e.detail.dx;
				setTimeout(()=>{
					this.$refs.uTabs.setDx(dx);
				},200)
				
			},