学习用于Vue 3/2的简易数字格式库

1,841 阅读1分钟

一个灵活的Vue 3/2数字格式库,使货币/数字输入更容易。

如何使用它

1.导入数字格式库。

// Vue 3
import { createApp } from 'vue'
import App from './App.vue'
import VueNumberFormat from 'vue-number-format'
const app = createApp(App)
app.use(VueNumberFormat, {
  // options
})
app.mount('#app')
// Vue 2
import Vue from 'vue'
import App from './App.vue'
import VueNumberFormat from 'vue-number-format'
Vue.use(VueNumberFormat, {
  // options
})
new Vue({
  render: h => h(App),
}).$mount('#app')

2.默认选项。

prefix: 'R$ ',
suffix: '',
decimal: ',',
thousand: '.',
precision: 2,
acceptNegative: true,
isInteger: false