VueJS default value for select not working

Question

I am tying to set a default value for a select in 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>

I would expect the default value to be 2, but it is 1 ?

Here is a fiddle - https://jsfiddle.net/dqgsbw9o/

tony19 · Accepted Answer · 2019-03-30 21:12:14Z

2

Your code is correct except for v:model. That should be v-model:

<select v-model="select">

updated fiddle

answered Mar 30, 2019 at 21:12

tony19

140k24 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJS default value for select not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related