最近我们学习了解一下vue.js的基础内容,在Form表单中如何设定Select下拉框默认选中某个值。下面直接给出示范代码,这个示例还是比较容易理解的。
HTML部分
<script src="https://unpkg.com/vue@2.4.2"></script>
<div class="form-group">
<label class="control-label" for="docType">Type of document</label>
<select class="form-control" id='docType' name="docType" v-model="docType" :disabled="noDocChoose == true">
<option value="paragon">Document1</option>
<option value="complaint">Document2</option>
</select>
</div>
JAVASCRIPT部分
<script type="text/javascript">
new Vue({
el: ".form-group",
data(){
return {
docType: "paragon"
}
}
})
</script>
示例中,下拉 paragon 值就会被直接选中了。