Vue数量转为万并保留两位小数点

Vue数量转为万并保留两位小数点

代码如下

const utils = {
  numberToWan (number) {
    let result = 0
    if (number >= 10000) {
      const newNumner = (number / 10000).toFixed(2)
      result = newNumber + '万'
    } else {
      result = number
    }
    return result
  }
}

export default utils

全局定义(main.js)

import Vue from 'vue'
import App from './App'
import utils from 'utils/index.js'

Vue.prototype.$utils = utils

const app = new Vue({
  ...App
})
app.$mount()

全局定义的使用方法

// 在js中使用
this.$utils.numberToWan(155555)

// 在html中使用
{{$utils.numberToWan(155555)}}

局部定义与使用

<script>
import utils from '@/utils/index.js'

export default {
  created () {
    // 调用
    console.log(utils.numberToWan(155555))
  }
}
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容