title: Vue.js get selected option on @change
body: <p>First, I want to say that I'm new to Vue, and this is my first project ever using Vue.</p>
  <p>I have a combobox and want to do something different based on the selected combobox. I use a separate <code>vue.html</code> and TypeScript file.
  Here's my code:</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;select name=&quot;LeaveType&quot; @change=&quot;onChange()&quot; class=&quot;form-control&quot;&gt;
           &lt;option value=&quot;1&quot;&gt;Annual Leave/ Off-Day&lt;/option&gt;
           &lt;option value=&quot;2&quot;&gt;On Demand Leave&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  <p>Here's my TypeScript file:</p>
  <pre class="lang-js prettyprint-override"><code>    onChange(value) {
          console.log(value);
      }
  </code></pre>
  <p>How do I get the selected option value in my TypeScript function? Thanks.</p>