Vue：页面内跳转锚点的使用

点击文字跳转当前页的某一个位置，或点击导航在当前页内多个位置跳转。

单锚点跳转：

 HTML：

活动规则

JS:

methods: {
  //锚点跳转
  goRule(event) {
    var ID = "#" + event;
    //document.getElementById(ID).scrollIntoView({
    document.querySelector(ID).scrollIntoView({
      behavior: "smooth",
      block: "center",
      inline: "nearest",
    });
  },
}

多锚点跳转：