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

更新时间：2019年11月07日 08:36:30 作者：一抹胭脂冷

今天小编就为大家分享一篇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中数字相加为字串转化为数值的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解Vue中watch对象内属性的方法
这篇文章主要介绍了详解Vue中watch对象内属性的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
vue视频播放插件vue-video-player的具体使用方法
这篇文章主要介绍了vue视频播放插件vue-video-player的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
vue this.$refs.xxx报错undefined问题及解决
这篇文章主要介绍了vue this.$refs.xxx报错undefined问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
Vue3之getCurrentInstance与ts结合使用的方式
这篇文章主要介绍了Vue3之getCurrentInstance与ts结合使用的方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
Vue自定义指令实现弹窗拖拽四边拉伸及对角线拉伸效果
小编最近在做一个vue前端项目，需要实现弹窗的拖拽，四边拉伸及对角线拉伸，以及弹窗边界处理功能，本文通过实例代码给大家分享我的实现过程及遇到问题解决方法，感兴趣的朋友一起看看吧
2021-08-08
element-ui时间日期选择器限制选择范围的几种场景
这篇文章主要给大家介绍了关于element-ui时间日期选择器限制选择范围的几种场景,一般在实际开发场景中我们需要对时间选择做一些限制,如不能选择今天之前的时间、不能选择今天以后的日期、限制日期不能大于开始日期等等,需要的朋友可以参考下
2023-08-08
Vue.js使用计算属性缓存结果的方法
在Vue.js中,计算属性（computed properties）是组件的重要组成部分,它们根据组件的数据自动计算新的值,并在数据变化时自动更新,本文将探讨计算属性的缓存机制,并通过有趣的示例展示如何利用计算属性缓存结果,提升应用性能,需要的朋友可以参考下
2025-03-03
详解Vue + Vuex 如何使用 vm.$nextTick
这篇文章主要介绍了详解Vue + Vuex 如何使用 vm.$nextTick，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11
Electron自动更新失效报错Error: Object has been destroyed的问题解决
本文主要讲解如何解决 Error: Object has been destroyed 这个 Electron 中最常见的问题,以及 Electron 自动更新的流程,文中通过代码示例给大家讲解的非常详细,需要的朋友可以参考下
2024-01-01
element-ui 上传图片后清空图片显示的实例
今天小编就为大家分享一篇element-ui 上传图片后清空图片显示的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09