在文本框中设置货币格式 - vue-currency-directive

在文本框中设置货币格式 - vue-currency-directive
插件名称 vue-currency-directive
发布时间 2020年9月1日
插件作者 mahmoudZakaria90

一个简单易用的Vue.js指令,可在文本框中设置货币字符串的格式。

安装和下载:

# Yarn
$ yarn add vue-currency-directive

# NPM
$ npm i vue-currency-directive --save

如何使用它:

1.导入模块。

import Vue from 'vue';
import vueCurrencyDirective from 'vue-currency-directive';

2.注册指令。

Vue.directive('currency', vueCurrencyDirective);
// or
export default {
  ...
  data(){
    amount: {
      value: '', 
      formatted: '' // 最好是空的
    }, 
  },
  directives: {
    currency: vueCurrencyDirective
  },
  ...
}

3.基本用法。

<template>
  <input v-currency="amount.value">
  <input v-currency="foo.value">
  <input v-currency="bar.value">
</template>