vue绑定数字类型 value为数字的实例


Posted in Javascript onAugust 31, 2020

直接加:

<el-select v-model="searchData.status" filterable placeholder="请选择" @change="gamefilter" class="mr40">
   <el-option label="开启" :value='0'></el-option>
   <el-option label="关闭" :value='1'></el-option>

   <!-- <el-option label="关闭" :value='1'> -->
   
   </el-select>

补充知识:vue中input,select标签中v-model绑定的值为数字类型情形

背景: vue表单中的input标签v-model 绑定的值,默认情况下是自动转换成String类型的,但是有时候我们不希望它自动转换,该怎么做呢?

1,使用number将绑定的v-model改为number类型

<el-input type="number" v-model.number="age"></el-input>

2,下拉框的option绑定的value是数字,但v-model为String类型的情况,使用:value

<el-select v-model="menuForm.type" placeholder="请选择菜单级别">
  <el-option label="系统" :value="0"></el-option>
  <el-option label="模块" :value="1"></el-option>
  <el-option label="功能" :value="2"></el-option>
</el-select>

以上这篇vue绑定数字类型 value为数字的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中iframe调用父页面的方法
Oct 30 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 Javascript
javascript插件开发的一些感想和心得
Feb 28 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 #Javascript
详解Node.JS模块 process
Aug 31 #Javascript
谈谈JavaScript令人迷惑的==与+
Aug 31 #Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 #Javascript
JS性能优化实现方法及优点进行
Aug 30 #Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 #Javascript
JavaScript中CreateTextFile函数
Aug 30 #Javascript
You might like
YB217、YB235、YB400浅听
2021/03/02 无线电
基于PHP微信红包的算法探讨
2016/07/21 PHP
详解如何实现Laravel的服务容器的方法示例
2019/04/15 PHP
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
jQuery无缝轮播图代码
2016/12/22 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
利用vue-i18n实现多语言切换效果的方法
2019/06/19 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
浅析Python中的多重继承
2015/04/28 Python
python查找指定具有相同内容文件的方法
2015/06/28 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
Python处理Excel文件实例代码
2017/06/20 Python
Django添加favicon.ico图标的示例代码
2018/08/07 Python
在IPython中进行Python程序执行时间的测量方法
2018/11/01 Python
Python 实现自动导入缺失的库
2019/10/29 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
Python原始套接字编程实例解析
2020/01/29 Python
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
英语专业学子个人的自我评价
2013/10/02 职场文书
预备党员党课思想汇报
2014/01/13 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
校园学雷锋活动月总结
2014/03/09 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
考博专家推荐信
2014/05/10 职场文书
清明节演讲稿
2014/05/27 职场文书
毕业生求职信范文
2014/06/29 职场文书