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 相关文章推荐
jQuery 技巧大全(新手入门篇)
May 12 Javascript
js实现局部页面打印预览原理及示例代码
Jul 03 Javascript
浅析AngularJs HTTP响应拦截器
Dec 28 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
浅谈vuex的基本用法和mapaction传值问题
Nov 08 Javascript
node.js使用stream模块实现自定义流示例
Feb 13 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
利用 JavaScript 构建命令行应用
Nov 17 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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
PHP 处理图片的类实现代码
2009/10/23 PHP
php中的mongodb select常用操作代码示例
2014/09/06 PHP
php 如何获取文件的后缀名
2016/06/05 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
jquery实现限制textarea输入字数的方法
2017/09/06 jQuery
Angular 5.0 来了! 有这些大变化
2017/11/15 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
2018/11/19 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
JS数组求和的常用方法实例小结
2019/01/07 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
Python中正则表达式详解
2017/05/17 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
Python 高效编程技巧分享
2020/09/10 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
德国电子商城:ComputerUniverse
2017/04/21 全球购物
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
教师读书活动总结
2014/05/07 职场文书
爱心倡议书范文
2014/05/12 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
红与黑读书笔记
2015/06/29 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis