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

更新时间：2018年03月03日 13:39:58 作者：咕咚兔子

下面小编就为大家分享一篇vue.js select下拉框绑定和取值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

最近在做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.js select下拉框绑定和取值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue-cli proxyTable 解决开发环境的跨域问题详解
本篇文章主要介绍了Vue-cli proxyTable 解决开发环境的跨域问题详解，非常具有实用价值，需要的朋友可以参考下
2017-05-05
详解Vue 动态添加模板的几种方法
本篇文章主要介绍了详解Vue 动态添加模板的几种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-04-04
vue-router路由与页面间导航实例解析
vue-router 是一个插件，需要在 Vue 的全局引用中通过 Vue.use()将它引用到 Vue 实例当中。接下来通过本文给大家分享vue-router路由与页面间导航，需要的朋友参考下吧
2017-11-11
Vue关键字搜索功能实战小案例
在vue项目中,搜索功能是我们经常需要使用的一个场景,下面这篇文章主要给大家介绍了关于Vue关键字搜索功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-06-06
Vue组件渲染与更新实现过程浅析
这篇文章主要介绍了Vue组件渲染与更新实现过程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
2023-03-03
如何利用Vue3+Vite批量导入模块/资源
这篇文章主要给大家介绍了关于如何利用Vue3+Vite批量导入模块/资源的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2022-03-03
vue中的计算属性实例详解
模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。接下来通过本文给大家介绍vue中的计算属性,需要的朋友可以参考下
2018-09-09
vue.js利用defineProperty实现数据的双向绑定
本篇文章主要介绍了用Node.js当作后台、jQuery写前台AJAX代码实现用户登录和注册的功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
2017-04-04
Vuex 单状态库与多模块状态库详解
这篇文章主要介绍了Vuex 单状态库与多模块状态库详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-12-12
前端vue3项目中百度地图的使用api以及操作实例
最近项目要用到百度地图api,好久没用到地图,就百度了一番,但是找了好几篇文章,发现都没办法成功实现,现将方法记录如下,下面这篇文章主要给大家介绍了关于前端vue3项目中百度地图的使用api以及操作实例,需要的朋友可以参考下
2023-05-05