vue 路由跳转到其他页面指定位置(锚点)

首先在指定的位置增加一个锚点(要被跳转的页面)

我们要跳转的时候,其实在路由后面拼接一个#main  就可以了

下面是没有锚点,要准备点击后跳转的页面

每日价格
goTo(path) {
      window.open(path, "_blank");
    },

然后在被跳转的页面增加一下代码

也就是有锚点的页面:

mounted() {
    const hash = this.$route.hash;
    if (hash) {
      const position = document.getElementById(hash.substring(1));
      if (position ) {
        position .scrollIntoView();
      }
    }
  },

你可能感兴趣的:(vue.js,javascript,前端)