Flash message not showing when redirecting to same page?

Versions:

• @inertiajs/inertia version: 0.8.7
• @inertiajs/inertia-vue version: 0.5.12

Describe the problem:

Flash messages are not being displayed when you redirect back to the same page? We have a page that contains a regular vue component. The component contains a form that performs a post submission. The receiving controller performs a redirect back to the same page. The flash message is not being displayed. When you redirect to another page, then the flash message is being displayed.

The initialPage.props.flash.message remains ‘null’.

What does catch my eye is that the xhr response does contain the flash message though…

[mathiasselleslach]

@seewhy17 , thanks for your feedback. You actually made me realise how to improve this. I was only looking for the flash messages in the created lifecycle callback (vue2 due to vuetify dependency). I have now made it a watcher that looks like this:

    watch: {
        '$page.props.flash.message': function (newValue) {
            messageStore.addItem({
                type: 'info',
                message: this.$page.props.flash.message,
            });
        }
    }

MessageStore is a messagebus that takes care of displaying the messages.

Works like a charm.

Can me closed afaik. ❤️

[seewhy17]

@mathiasselleslach I think you could display the flash message in several ways You could get the message from any component by importing Inertia or usePage like so

import { Inertia } from '@inertiajs/inertia'
import { useForm, usePage } from '@inertiajs/inertia-vue3'

and get the message using Inertia.page.props.flash.message or usePage().props.value.flash.token

Alternatively, you can create a local prop flash on your component.