vue中 数字相加为字串转化为数值的例子

month传入为3时,下面代码输出为31

if(data1.attr === 'last_month') {
 if(month === 1) {
 year = year - 1
 } else {
 month = this.trans_Date(month - 1)
 }
} else if(data1.attr === 'next_month') {
 if(month === 12) {
 year = year + 1
 month = this.trans_Date(1)
 } else {
 month=this.trans_Date(month +1);
 console.log("month", month)
 }
} else {
 month=this.trans_Date(month)
}
 trans_Date(data) {
  if (data < 10) {
   return '0' + data
  } else {
   return data
  }
  }

控制台输出为

想要month+1返回的是数值,先进行-0在进行+1。

if(data1.attr === 'last_month') {
   if(month === 1) {
   year = year - 1
   } else {
   month = this.trans_Date(month - 1)
   }
  } else if(data1.attr === 'next_month') {
   if(month === 12) {
   year = year + 1
   month = this.trans_Date(1)
   } else {
   month=this.trans_Date(month-0 +1);
   console.log("month", month)
   }
  } else {
   month=this.trans_Date(month)
  }

控制台输出为

以上这篇vue中 数字相加为字串转化为数值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • vue自定义指令实现仅支持输入数字和浮点型的示例

    再开始本篇的讨论之前,先思考几个问题: 使用html元素属性type='number'是否可以满足要求 Vue中指令一般被设计用来操作dom元素的,而vue视图是基于数据模型的,如何在操作dom的同时,同时更新数据 你定义的指令不能只能在input元素上使用,还要支持在其父元素上使用,自定义组件及第三方组件上使用 你的指令是不是支持局部作用域,比如for循环渲染的数据的单元item,如何识别这个item进行数据更新和dom操作 如何控制字符数目,超出禁止输入 如何实现全局性的功能定义,从而在各个

  • Vue实现表格中对数据进行转换、处理的方法

    众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能.而且对页面加载时间有很大的影响),所以,从数据库取出的数据.只能由前端进行处理.但是在Vue中,如果采用了element等组件,利用数据绑定的特性,也是很难对表格遍历的数据进行单独行的处理的. 我们这边取一个例子来说.比如Mysql datetime 类型的数据与我们一般的显示的形式是不一样的,为了用户更好的体验,势必需要对时间格式进行转换的. 下图是从mysql中默认取出的date

  • vue数字类型过滤器的示例代码

    需求 只能输入数字 输入字母和特殊字符自动过滤掉 输入完成失焦自动加.00 如果输入了小数自动四舍五入为22.22类似这样格式 效果图 可以使用在普通js和angular里面,vue 直接调用 先上调用的函数 /** * User: sheyude * Date: 2017/9/4 0004 * Time: 上午 10:51 * */ let number = { twoWay: true, bind:function (el) { el.addEventListener('blur',func

  • vue 实现强制类型转换 数字类型转为字符串

    我是从页面直接拿的ID过来的,类型是数字类型 后端需要的是字符串类型 只需要在后面加上 + ' ' ,传一个空字符串就可以了 以上这篇vue 实现强制类型转换 数字类型转为字符串就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • vue中 数字相加为字串转化为数值的例子

    month传入为3时,下面代码输出为31 if(data1.attr === 'last_month') { if(month === 1) { year = year - 1 } else { month = this.trans_Date(month - 1) } } else if(data1.attr === 'next_month') { if(month === 12) { year = year + 1 month = this.trans_Date(1) } else { mon

  • 在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)

    最近工作中碰到一个需求,添加一条数据时,自动记住上次选择的下拉框的数据,刚开始觉得没思路,后来请教了项目组长,组长直接一句,这不很简单吧,直接用cookie,我:....... 好吧,都王的差不多了,于是经过一番百度实践,测试,总算是可以了,接下来就说说实践以及一些坑! 开发环境: webpack+vue+java后台 要实现这个小功能,其实只需要在vue中写相应的功能就可以了,并不需要在后台写什么,但是如果写的不正确,后台也是会报错的,代码如下: 先把这几个方法写上,删除的看需求决定需不需要:

  • js中几种去掉字串左右空格的方法

    //recon 的思路: //------------- //去掉字串左边的空格 function ltrim(str) { if (str.charat(0) == " ") {   //如果字串左边第一个字符为空格   str = str.slice(1);//将空格从字串中去掉   //这一句也可改成 str = str.substring(1, str.length);   str = ltrim(str);   //递归调用 } return str; } //去掉字串右边的

  • js获取url中"?"后面的字串方法

    url : index.php?id=123 复制代码 代码如下: <script type="text/javascript"> function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1);

  • Vue中的循环及修改差值表达式的方法

    一.Vue中的循环 v-for 常见的4总情况 #第一种 <div v-for="item in items"></div> #第二种 <div v-for="(item, index) in items"></div> #第三种 <div v-for="(val, key) in object"></div> #第四种 <div v-for="(val, n

  • python中数字列表转化为数字字符串的实例代码

    目录 1. python中数字组成的列表转化为字符串或者一串数字 2.python中把数字组成的列表转化为字符串列表 3.Python中把字符组成的列表转化为数字 4.Python中把一串数字字符转化为单个字符列表或者数字列表 5. Python中把字符串列表转化为数字列表 参考文章: 总结 1. python中数字组成的列表转化为字符串或者一串数字 f=[1,2,3,4] num=len(f) m='' #建立空字符串 for i in range(num): x=str(f[i]) m=m+

  • 把某个目录下所有txt中第三行第四个数字相加

    复制代码 代码如下: @echo off :: 把某个目录下所有txt中第三行第四个数字相加 :: set num=0 setlocal enabledelayedexpansion :: 其实用skip=2来跳过头两行的效率更高 for %%i in (*.txt) do ( set file=%%i for /f "tokens=1* delims=:" %%j in ('findstr /n . !file!') do ( set var=%%k if %%j equ 3 (se

  • 解决vue中监听input只能输入数字及英文或者其他情况的问题

    如下所示: 1. <input placeholder="请输入条形码" class="disPriceStyle" v-model = 'searcBarCode'></input>. (只能输入数字,英文) <input placeholder="请输入商品条形码" class="disPriceStyle" maxlength="20" v-model = 'search

  • vue中优雅实现数字递增特效的详细过程

    目录 需求 实现 基本开发思路 指令的开发 指令的基本结构 指令的优化 实现单位变化 总结 需求 前几天项目开发中遇到一个需求,需要在数字更新时,实现其动态递增的效果 并且,在数字大于10000时,将单位进行转换,如数字大于10000时,单位从m²变为万m² 我们以vue中开发为例,一一实现下这两个需求. 实现 基本开发思路 实现数字递增,最容易的,我们应该可以想到通过setinterval函数实现数字累加功能.比如,我们的最终值是finanllyNum, 我们可以很快想到这样的函数: let

  • 八个Vue中常用的v指令详解

    目录 Vue中常用的8种v指令 1 v-text 指令 2 v-html 指令 3 v-on 指令 案例:计数器 4 v-show 指令 5 v-if 指令 6 v-bind 指令 7 v-for 指令 8 v-on 补充 总结 Vue中常用的8种v指令 根据官网的介绍,指令 是带有 v- 前缀的特殊属性.通过指令来操作DOM元素 指令 功能 v-text=“变量/表达式” 文本的设置字符串变量+数字可以直接写是拼接字符串如果出现要使用外部不相同的引号 v-html=“变量” 文本或者页面的设置

随机推荐