Vue.js 如何设置Select Option下拉值

最近我们学习了解一下vue.js的基础内容，在Form表单中如何设定Select下拉框默认选中某个值。下面直接给出示范代码，这个示例还是比较容易理解的。

HTML部分

<script src="https://unpkg.com/[email protected]"></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 值就会被直接选中了。

腾讯云限时秒杀【点击购买】

搬瓦工，CN2高速线路，1GB带宽，电信联通优化KVM，延迟低，速度快，建站稳定，搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ，支持<支付宝> 【点击购买】！

Vultr$3.5的日本节点，512M内存/500G流量/1G带宽，电信联通优化，延迟低，速度快【点击购买】！

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付￥288【点击购买】

`微信`扫码 加好友