<div id="app">
    请假类型：
    <select v-model="type">
        <option v-for="item in type_datas" :key="item.id" :value='item.id'>{{item.text}}</option>
    </select>
    <br>
</div>

<script>
var app = new Vue({
    el: '#app', //el是element缩写
    data: { //是vue的配置，表示数据
        type:"-1", //select 控件默认选中的值
        type_datas:[ //select控件显示的值
                {id:"-1",text:"请选择"},
                {id:"1",text:"事假"},
                {id:"2",text:"病假"},
                {id:"3",text:"产假"},
                {id:"4",text:"婚假"}
            ],
    }
})

</script>

注意：

• :key：必须有，且值唯一，否则可以能会出问题

• :value：前面必须有 :

原文出处：/show_1IX2nhExlY9U.html