|
阅读:7594回复:1
vue锚点到二级页面的方法(一)
我从二级页面进入到三级的产品详情页,但是三级产品详情页有一个三级的导航,
这个导航又能跳转到二级页面的那个产品的地方,所以需要涌动锚点链接。 我用到了id,还有滚动事件。 一.首先,先写点击跳转。 router-link标签跳转, query传参(比如:query:{num:select}), 二.其次,写入锚点(你要到的地方) 给元素一个id,(通过id跳入id:select) mounted里(从上个页面获取,加#是id的意思): var a = this.$route.query.select; this.goAnchor('#'+a); methods里面代码: goAnchor(selector) { console.log('selector',selector); console.log('this.$el.querySelector(selector)',this.$el.querySelector(selector)); var anchor = this.$el.querySelector(selector) // 参数为要跳转到的元素id document.body.scrollTop = anchor.offsetTop; // chrome document.documentElement.scrollTop = anchor.offsetTop; // firefox } |
|
最新喜欢: |
|
沙发#
发布于:2019-10-10 15:38
这个6
|
|
|