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