vue.js select下拉框绑定和取值

最近在做mui+vue.js的移动项目，遇到了这个解决了，所以记录一下：1.绑定select下拉框的代码很简单sendlist就是下拉框的集合，这个可以去看vue.js的文档：地址：https://cn.vuejs.org/v2/api/:value绑定的值就是这个下拉框对应的value值{{send.CODE}}2.取值就直接获取下拉框，v-model绑定的属

20180518

60864人浏览 · 2017-09-27 17:26:16

20180518 · 2017-09-27 17:26:16 发布

最近在做mui+vue.js的移动项目，遇到了这个解决了，所以记录一下：

1.绑定select下拉框的代码很简单sendlist就是下拉框的集合，这个可以去看vue.js的文档：

地址：https://cn.vuejs.org/v2/api/

:value绑定的值就是这个下拉框对应的value值

<select id="sendSybol" v-model="searchDto.sendSymbolId">
    <option  v-for="send  in sendList" name="sendSymbolId" :value="send.VALUE" >{{send.CODE}}</option>
</select>

2.取值就直接获取下拉框，v-model绑定的属性就可以

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^