title: Getting value of datalist input, using v-model clears the datalist
body: <p>I have a datalist filled with options, and an input linked to that data list. When the user makes a selection i'm using v-model to send that value to the Vue instance data variable, however once I click on an option because of the two-way binding it clears all the other options. Is there a way to just get the value but not clear all the other options after a selection.</p>
  
  <p>example code:
      
      </p>
  
  <pre><code>&lt;datalist id='list'&gt;
      &lt;option v-for='item in arrayOfObjects' :value='item'&gt;
      &lt;/datalist&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Vue instance:</p>
  
  <pre><code>var app = new Vue({
      el: '#app',
      data: {
          optionVal: '',
          arrayOfObjects: [{key:'value'},{key:'value'},{key:'value'}],
      }
  });
  </code></pre>