点击导航下拉跳转页面固定位置（锚链接）

点击导航下拉跳转页面固定位置（锚链接）

在导航页面文件夹里面新建anchor.js

//锚点跳转
function goAnchor(selector) {
    var anchor = this.$el.querySelector(selector);//获取元素
    if (anchor) {
        setTimeout(() => {//页面没有渲染完成时是无法滚动的，因此设置延迟
            anchor.scrollIntoView(); //js的内置方法，可滚动视图位置至元素位置
        }, 1000);
    }
};
//获取参数
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}

export {
    goAnchor,
    GetQueryString
}

点击页面

<ul>
              <router-link
                to="/product#baobaoxiang"
                href="#baobaoxiang"
              >
                <li>宝宝箱</li>
              </router-link>
              <router-link
                to="/product#xixinweiyang"
                href="#xixinweiyang"
              >
                <li>悉心喂养</li>
              </router-link>
              <router-link
                to="/product#tiexinhuli"
                href="#tiexinhuli"
              >
                <li>贴心护理</li>
              </router-link>
              <router-link
                to="/product#nuanxinfushi"
                href="#nuanxinfushi"
              >
                <li>暖心服饰</li>
              </router-link>
            </ul>

跳转页面
a标签就放在页面要跳转的位置

跳转页面a标签里面对应的id为点击页面的to后面的#后面的和href后面的
 <router-link  to="/product#nuanxinfushi"  href="#nuanxinfushi">
<a id="nuanxinfushi"></a>