使用 Laravel Inertia 观察路线变化

Question

使用新的 Inertia Laravel 堆栈 – 您如何观察路线变化？

我正在尝试做一些非常简单的事情，例如：

watch: {
  route () {
    console.log('You changed route')
  }
}

我一直无法找到有关此的任何信息。

Answer 1

您需要收听start事件。

import { Inertia } from '@inertiajs/inertia'

Inertia.on('start', (event) => {
  console.log(`The route changed to ${event.detail.visit.url}`)
})

请注意，在加载完成之前触发start事件。 如果您想在显示新页面后得到通知，请使用success事件。

有关更多信息，请查看https://inertiajs.com/events

Answer 2

你也可以这样做：

watch: {
  '$page.url': function (newUrl, oldUrl) {
    console.log(newUrl)
  }
}