Vue: выбор параметра во время срабатывания setInterval

Question

У меня проблемы с выбором опции, пока срабатывает setInterval на странице.Суть проблемы в том, что опция не может быть выбрана, если она выбрана в то время, когда таймер setInterval запускает .

let updateDelay = 100;

var vueObj = new Vue({
  el: '#app',
  data: {
    items: ['item 1', 'item 2', 'item 3'],
    timer: 60,
    choice: ''
  }
})

setInterval(function() {
  vueObj.timer = vueObj.timer - updateDelay/1000;
}, updateDelay);

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div id='timer'>Timer: {{ timer.toFixed(1) }}</div>
  <br>
  <select v-model='choice' size=3>
    <option v-for='item in items' :value='item'>{{item}}</option>
  </select>
</div>

1. выбор клавиатуры работает нормально.
2. отлично работает, когда v-model удален из select.
3. работает лучше, когда таймер срабатывает реже.

http://jsfiddle.net/1bv7se9h/

Answer 1

Вы правы, похоже, проблема с Vue.Вы должны открыть вопрос в репозитории vueJS: https://new -issue.vuejs.org /? Repo = vuejs / vue

Однако вы можете запустить свой код, написав кодV-модель себя:

<select size="3" @input="choice = $event.target.value">
    <option v-for="item in items" :value="item">{{item}}</option>
</select>

Вот рабочая скрипка: http://jsfiddle.net/1bv7se9h/36/