🖥

Nuxt3 – URLクエリを変えたときのブラウザバックを watch で検知する

2023/09/01に公開

コード例

routeの変更を監視することで実現できるようだ

<script lang="ts" setup>
const route = useRoute()
watch(
  () => route.query,
  () => {
    console.log(route['query'])
  }
)



function move() {
  navigateTo({
    name: 'example',
    query: { foo: Math.floor(Math.random() * 99999) },
  })
}
</script>

<template>
  <button @click="move">move</button>
</template>

動作例

ボタンを押した時もブラウザバックした時も同じように検知してくれる

image

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2023-04-22

Discussion