VUE3.0数字金额格式化组件

最新推荐文章于 2024-05-06 15:23:11 发布

Niggo

最新推荐文章于 2024-05-06 15:23:11 发布

阅读量771

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/Chq_Niggo1995/article/details/128964880

版权

本文介绍如何在Vue3.0中创建一个用于格式化数字为金额样式的组件，探讨使用JavaScript处理数字格式化的技巧，并分享相关代码实现。

摘要由CSDN通过智能技术生成

<template>
  <span>{
  {formatNumber}}</span>
</template>

<style scoped lang="less">
@import './view.less';
</style>
<script>
import render from './index.js'
export default render
</script>

import {
    onMounted, reactive, watch, ref, unref } from 'vue'

export default {
   
  // 名称
  name: 'comm-template',
  emits: ['close'],
  // 对外属性
  props: {
   
    //接收的数字
    myNumber: {
   
      type: String,
      default: '0.00'
    },
    //超过多少位加万单位
    formatDigit: {
   
      type: Number,
      default: 8
    },
    //是否加，号分隔符
    isDivision: {
   
      type</