On the first page of my Vue app, I have a dropdown menu containing a list of email addresses.
I want to save the selected value/text and use it as a parameter or variable on the inbox page I route to.
This is the code for the dropdown menu using v-autocomplete:
This is a button that acts as a v-btn and is used to route to the inbox page.
Load mailbox
How do I save the value of a selected mailbox for use on the inbox page I route to?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Pass the selected value as a routing parameter:
$router.push({ name: "Inbox", params: { selectedValue: YOUR_VALUE } });From the Inbox page you can access via:
I suggest you start usingVuex:)
This is a library that can share reactive data objects throughout your application.
Here are examples of your possible code:
// /store/index.js export state: () => { mailbox: '', } export mutation: () => { SET_MAILBOX(state, mailbox) { state.mailbox = mailbox } }