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【点击购买】

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

`微信`扫码 加好友

链接到文章: https://gkxyz.com/vue-js-ruheshezhiselect-optionxialazhi.html

推荐站点

  • 懂车帝 – 说真的还得懂车帝

    懂车帝是一个汽车资讯平台,懂车更懂你。懂车帝资讯平台会聪明地分析你的兴趣爱好,自动为你推荐喜欢的汽车内容,提供 […]

  • 阿里云-为了无法计算的价值

    阿里云——阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司之一。提供免费试用、云服务器、云数据库、云 […]

  • 站长工具 – 站长之家

    站长工具是站长的必备工具。经常上站长工具可以了解SEO数据变化。还可以检测网站死链接、蜘蛛访问、HTML格式检 […]

  • RAKsmart

    主机商介绍:RAKsmart是知名的美国服务器租用商,包括美国站群服务器、美国cn2服务器、香港服务器等热门产 […]

  • 七牛云 | 一站式场景化智能视频云

    2011 年成立以来,七牛云致力于成为全球领先的一站式场景化智能视频云服务商,围绕数字化浪潮下的在线音视频需求 […]

  • 芒果TV-天生青春

    芒果TV-大家都在看的在线视频网站-热门综艺最新电影电视剧在线观看

评论已关闭