0

I'd like to create modal dialog pop-up window with it's own url. Having table of server items I'd like to open one item and trigger pop-up with it's own url with fetched server item details. The pop-up can be triggered also directly from url and the item list will render behind it.

I have achieved this earlier with named router views using Vue js and Vuetify v-dialog. I wonder if I can reproduce it using unplugin-vue-router.

Previous available approaches:

It doesn't need to be modal utilised Vuetify library but generally I'm looking for solution narrowed only to unplugin-vue-router library.

Cheers!

Improve this question
3
  • 1
    The question isn't specific enough. "Having table of server items I'd like to open one item and trigger pop-up with it's own url with fetched server item details" - how is this supposed to work, how do different urls affect the modal exactly? "I have achieved this earlier" - please, show your current attempt, linking to articles is not enough. What does prevent you from doing this with unplugin-vue-router? You could put this logic to [id].vue or handle a subtree of routes in a special way like uvr.esm.is/guide/extending-routes.html , but again, this depends on urls Commented Dec 30, 2024 at 23:29
  • let assume I have a list of items /articles when I click the item will open up the dialog with the content and the url with change to /articles?dialog=true&id=777 thats simply what I want to achieve Commented Jan 1 at 21:05
  • This requires your current attempt. I see no fundamental difference between regular router setup and unplugin-vue-router. You'd have articles.vue view in both cases and listen to router.query changes to update modal contents Commented Jan 1 at 22:27
Related questions
220
How to create and use an optional parameter in Vue Router?
259
How to set URL query params in Vue with Vue-Router
2
Vue Vuetify open dialog component onclick
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.