加气的凉白开
侠客
侠客
  • 最后登录2019-10-14
  • 发帖数14
阅读:64回复:1

vue锚点到二级页面的方法(一)

楼主#
更多 发布于:2019-10-09 16:41
我从二级页面进入到三级的产品详情页,但是三级产品详情页有一个三级的导航,
这个导航又能跳转到二级页面的那个产品的地方,所以需要涌动锚点链接。




我用到了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
    }

最新喜欢:

doubleyongdouble...
doubleyong
管理员
管理员
  • 最后登录2019-10-17
  • 发帖数669
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2019-10-10 15:38
这个6
知识需要管理,知识需要分享
游客


返回顶部