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 值就会被直接选中了。

厂家CPU内存硬盘流量价格购买链接
RamNode11GB25GB-SSD500GB/mUSD $5购买
Vultr11GB25GB-SSD1000GB/mUSD $5/m购买
DigitalOcean11GB25GB-SSD1000GB/mUSD $5/m购买
腾讯云Qcloud22GB50GB-SSD购买

已发布

分类

作者:

评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注