VUE解决锚点刷新问题

VUE解决锚点刷新问题

  // 子页面
  // 子页面按钮

<div style="padding-top: 20px;">
   <el-button type="danger" @click="jumpConsole3">Started</el-button>
  </div>

 // 调用父页面方法
methods: {
   jumpConsole3() {
      this.$parent.selfFun()
   }
 }

  // 父页面
  // 父页面锚点
  <a name="firstAnchor" id="firstAnchor"></a>

  // 父页面方法
    methods: {
    selfFun() {
      document.querySelector('#firstAnchor').scrollIntoView(true)
    },
}