title: How to trigger an action by clicking the option item of a select element (Vue.js)?
body: <p>List of options as JS object:</p>
  
  <pre><code>options: [{
    text: this.$t('analytics.pastDays', { days: 7 }),
    value: 7
  }, {
    text: this.$t('analytics.pastDays', { days: 28 }),
    value: 28
  }, {
    text: this.$t('analytics.pastDays', { days: 360 }),
    value: 360
  }, {
    text: this.$t('analytics.customDate'),
    value: 7,
    method: () =&gt; { console.log('Worked') }
  }],
  </code></pre>
  
  <p>Select element:</p>
  
  <pre><code>&lt;select
    class="i-select"
    v-model="value"
    @change="onChange($event)"&gt;
    &lt;option
      v-for="option in options"
      :value="option.value"
      @click.stop.prevent="option.method($event)"&gt;
      {{ option.text }}
    &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Right know the console logs never logs.</p>
  
  <p>How to make it so that the <code>analytics.CustomDate</code> options triggers its method?</p>