Difficulty to close a modal window

Hello,

I'm using Element-Plus, VueJS 3, InertiaJS and I'm trying to use Inertia form helper to manage the post and put requests to the server --- I want to try to use more native InertiaJS features ---.

So I have changed my axios post and put requests with inertia ones via the form helper.

The scenario is this one : I have a list (datatable) and a modal window. To open the modal window, I click on a button which set the visibility of the modal to true. I fill the fields and I click on the save button which sends a request to the back to save or update the model. And the back redirects to the list. In this situation I can't close my modal window because the redirection reloads the list and the visibility property for the modal window doesn't exist any more in the new instance of the view (I get an error message saying that dialogVisible doesn't exist).

With axios it was a bit easier to do, I handled the reload from the front.

What could be the solution to use the back redirection and close the modal window ?

Here is my code.

// The list opens the window

function create() {
	dialogVisible.value = true
}

function edit(id) {
	roomId.value = id
	dialogVisible.value = true
}

// The list listens for the close event from the modal window (the modal window is a child component inside the list component)

function close() {
	dialogVisible.value = false
	roomId.value = null
}

// The form sends the close event

function submit() {
  if (props.roomId) {
    form.put('/rooms/'+props.roomId, {
      onSuccess: () => {
        close()
      },
      onError: () => {
        errors.value = error.response.data.errors
      }
    })
  } else {
    form.post('/rooms/', {
      onSuccess: () => {
        close()
      },
      onError: () => {
        errors.value = error.response.data.errors
      }
    })
  }
}

Is it possible to do what I want or the best way is anyway to use axios to handle the post and put requests in order to handle correctly the modal window ?

Thanks for your help.

V