以 Laravel 惯性观察路线变化

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)
  }
}

Watching route change with Laravel Inertia