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.js select下拉框绑定和取值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于vue使用keep-alive后清除缓存的相关资料,这个问题在我们日常工作中经常会用到,本文通过示例代码介绍的非常详细,需要的朋友可以参考下2021-08-08
vue是前端轻量级MVVM框架,入门门槛相对较低,今天用Vue做一个购物车实例,所以下面这篇文章主要给大家介绍了关于vue实现购物车全部功能的简单方法,需要的朋友可以参考下2021-07-07
这篇文章主要给大家介绍了关于Vue3项目中引入html页面的相关资料,Vue3是一个JavaScript框架,通常我们使用它来构建单页应用程序(SPA),如果你想在HTML页面中使用Vue3,可以参考这篇文章,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了如何修改vuex里面的数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
Vue报错Syntax Error:TypeError: this.getOptions is not a
前几天在vue运行项目过程中报错了,所以下面这篇文章主要给大家介绍了关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了Vue-Router基础学习笔记(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了vue 的 solt 子组件过滤过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了vue2.0组件之间传值、通信的多种方式以及注意要点，需要的朋友可以参考下2018-02-02
这篇文章主要为大家详细介绍了Vue3中props传参方式（多种数据类型传参方式）的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-11-11
这篇文章主要介绍了vue @click @tap重叠事件区分方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
最新评论