title: How transfer a selected option to another page in vue application?
body: <p>On the first page of my <em>Vue</em> application, I have a <em>drop-down menu</em> that contains a list of mailboxes.</p>
  <p>I would like to save the value/text of the selection and use it as a parameter or variable on the <em>Inbox page</em> that I routed to.</p>
  <p>Here is the drop-down code using <a href="https://vuetifyjs.com/en/api/v-autocomplete/" rel="nofollow noreferrer"><code>v-autocomplete</code></a>:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-autocomplete dense
    filled
    label=&quot;Choose Mailbox&quot;
    v-model=&quot;mailboxes&quot;
    :items=&quot;mailboxes&quot;
    item-text='mailbox'
    item-value='mailbox'&gt;
  &lt;/v-autocomplete&gt;
  </code></pre>
  <p>Here is the button as <a href="https://vuetifyjs.com/en/api/v-btn/" rel="nofollow noreferrer"><code>v-btn</code></a> that routes to the <em>Inbox page</em>.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-btn rounded color=&quot;primary&quot; 
    @click=&quot;$router.push('Inbox')&quot;&gt;
  Load Mailbox&lt;/v-btn&gt;
  </code></pre>
  <p>How do I save the selected mailbox value to use on the routed-to <em>Inbox page</em>?</p>