选择不起作用的VueJS默认值

时间:2019-03-30 21:01:23

标签: javascript vue.js vuejs2

我想为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/

1 个答案:

答案 0 :(得分:2)

您的代码正确,但v:model除外。应该是v-model

<select v-model="select">

updated fiddle