選擇的VueJS默認值不起作用

Question

我想為Vue中的選擇設置默認值。

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

<div id="app">
  <select v:model="select">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
  </select>
</div>

<script>
    new Vue({
      el: '#app',
      data: {
        select: '2'
      }
    })
<script>

我希望默認值為2 ，但是它是1 ？

這是一個小提琴-https: //jsfiddle.net/dqgsbw9o/

Answer 1

您的代碼是正確的，除了v:model 。 那應該是v-model ：

<select v-model="select">

更新的小提琴