插件名称 | 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>