一个简单易用的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>

---

官网：https://github.com/mahmoudZakaria90/vue-currency-directive

演示：https://www.vue365.cn/code_demo.php?id=1994

GitHub下载：https://github.com/mahmoudZakaria90/vue-currency-directive/archive/master.zip