title: How to get text value from a VuetifyJS combobox?
body: <p>I've never used the combobox before so maybe I'm just not understanding the use case. How do I get the user inputted value versus getting the selected value on button press? Here's a contrived codepen: <a href="https://codepen.io/tmpjr/pen/JjjxjGR" rel="nofollow noreferrer">https://codepen.io/tmpjr/pen/JjjxjGR</a> It only seems to work with getting a selected option. When I enter text I just get null or undefined.</p>
  
  <p><a href="https://codepen.io/tmpjr/pen/JjjxjGR" rel="nofollow noreferrer">https://codepen.io/tmpjr/pen/JjjxjGR</a>   </p>
  
  <pre><code>&lt;!--- Template ---&gt;
  &lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
      &lt;v-container fluid&gt;
        &lt;v-row&gt;
          &lt;v-col cols="4"&gt;
            &lt;v-combobox
              v-model="course"
              :items="items"
              item-value="id"
              item-text="text"
              :return-object="true"
              label="Select a favorite golf course"
              outlined
              clearable
            &gt;
              &lt;template v-slot:append-outer&gt;
                &lt;v-btn small fab dark color="primary"&gt;
                  &lt;v-icon dark @click="saveItem"&gt;check&lt;/v-icon&gt;
                &lt;/v-btn&gt;
              &lt;/template&gt;
            &lt;/v-combobox&gt;
          &lt;/v-col&gt;
        &lt;/v-row&gt;
      &lt;/v-container&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;
  // JavaScript
  new Vue({
    el: '#app',
    vuetify: new Vuetify(),
    data () {
      return {
        course: null,
        items: [
          { id: 1, text: "The Bridges" },
           { id: 2, text: "Morgan Run" },
  
        ],
      }
    },
    methods: {
      saveItem() {
        console.log("saveItem");
        console.log(this.course);
      }
    }
  
  })
  </code></pre>