Vue Router를 사용하여 브라우저 백엔드 비활성화(Composition API)

2610 단어 JavaScriptVue.jstech

결론


import { useRouter } from 'vue-router'

export default {
  setup() {
    // ルーターを使用
    const router = useRouter()

    // ブラウザバックを無効化
    addEventListener("popstate", () => {
      router.push("自分自身のパス")
    })
  }
}

디테일


우선 addEventListener 감시popstate에서 브라우저의 되돌아오는 단추를 검사합니다.
그리고 나서
router.push("自分自身のパス")
반환 버튼을 누르면 현재 페이지로 이동합니다.결과적으로 브라우저 패키지는 비활성화될 수 있습니다.
그나저나 노선에 이름을 붙이면
router.push({ name: "ルートの名前" })
도 가능합니다.

좋은 웹페이지 즐겨찾기