Relative Content

Tag Archive for vuejs3vuetifyjs3

How do I get the user-selected item from a v-select to appear as the current selection?

My stack includes Vue 3 and Vuetify 3. I have a v-select which shows a list of locales. I initialize the model-value to “US”. The user clicks on the current value, sees the list of locales, and chooses something other than “US”. All of that works fine BUT, the current selection remains “US”, not the locale that the user chose. Why is that and how do I fix it?

How do I get the user-selected item from a v-select to appear as the current selection?

My stack includes Vue 3 and Vuetify 3. I have a v-select which shows a list of locales. I initialize the model-value to “US”. The user clicks on the current value, sees the list of locales, and chooses something other than “US”. All of that works fine BUT, the current selection remains “US”, not the locale that the user chose. Why is that and how do I fix it?

How do I get my ref-activated dialog to appear?

I am using Vue 3 and Vuetify 3. I am trying to understand the various ways to make a dialog appear, based on the examples in the Vuetify documentation, especially the four methods illustrated in the first example within the Slots section of the Dialogs article. At the moment, I’m struggling with the ref-activated method. This playground illustrates the issue.

Why doesn’t my update dialog see updated values in form?

I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for adding new transactions. That much is working fine. I’ve added buttons to delete a transaction (which also works fine) and to update an existing transaction but that one does NOT work correctly.

Why doesn’t my update dialog see updated values in form?

I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for adding new transactions. That much is working fine. I’ve added buttons to delete a transaction (which also works fine) and to update an existing transaction but that one does NOT work correctly.

Why doesn’t my update dialog see updated values in form?

I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for adding new transactions. That much is working fine. I’ve added buttons to delete a transaction (which also works fine) and to update an existing transaction but that one does NOT work correctly.

Why doesn’t my update dialog see updated values in form?

I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for adding new transactions. That much is working fine. I’ve added buttons to delete a transaction (which also works fine) and to update an existing transaction but that one does NOT work correctly.

Why doesn’t my update dialog see updated values in form?

I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for adding new transactions. That much is working fine. I’ve added buttons to delete a transaction (which also works fine) and to update an existing transaction but that one does NOT work correctly.

Why doesn’t my update dialog see updated values in form?

I am developing a demonstration app in Vue 3 and Vuetify 3 and Pinia so that I can learn the main techniques of working with Vuetify. My app displays a list of transactions and provides a form for adding new transactions. That much is working fine. I’ve added buttons to delete a transaction (which also works fine) and to update an existing transaction but that one does NOT work correctly.