title: How to use selected option in vue dropdown bar as a parameter in a link?
body: <p>I have this autocomplete feature in vue where I am populating an autocomplete dropdown with values from a json-server. Below is the relevant code blocks:</p>
  <pre><code>  &lt;v-autocomplete dense
          filled
          label=&quot;Subject: &quot;
          v-model=&quot;subject&quot;
          :items=&quot;subject&quot;
          item-text='example'
          item-value='example'&gt;
          &lt;option v-for=&quot;example in subject&quot; v-bind:key=&quot;example.id&quot; v-bind:title=&quot;example.title&quot;&gt;{{ example }}&lt;/option&gt;
  &lt;/v-autocomplete&gt;
  
  &lt;script&gt;
  export default {
      name: 'Inbox',
      data() {
          return {
              subject: [],
          }
      },
      mounted() {
          fetch('http://localhost:3000/subject')
              .then(res =&gt; res.json())
              .then(data =&gt; this.subject = data)
              .catch(err =&gt; console.log(err.message)),
  </code></pre>
  <p>How would I be able to use the selected value from the dropdown as a parameter to access the actual value within the database? For example I want to use the selected value to make this call.</p>
  <pre><code>      fetch('http://localhost:3000/subject=THE SELECTED VALUE')
  </code></pre>
  <p>Thanks!</p>