fxycurrencyformat 说明

fxycurrencyformat是基于 vue-currency-input 二次封装，vue-currency-input对于vue2版本描述的比较少， 经过陕西放心运物流科技有限公司团队的仔细研究兼容与vue2的产品，用于国际货币的处理，展示、转码，更方便的运用起来。 如哪块不详细，可以共同探讨，共同学习

产品演示

安装

npm i fxycurrencyformat

import fxycurrencyformat from 'fxycurrencyformat'

Vue.use(fxycurrencyformat)

使用

<el-input ref="payableFee" v-model="orderForm" v-currency="$CurrencyInput.returnConfig(币种类型0是人民，1是美元)"></el-input>

• 使用: 清除数据参数为元素的ref对象

this.$nextTick(()=>{
  this.$CurrencyInput.clearableValue(this.$refs.receivableFee)   
  this.$CurrencyInput.clearableValue(this.$refs.payableFee) 
})

• 更新数据参数为元素ref对象以及更新的数值

this.$nextTick(()=>{
  this.$CurrencyInput.updateValue(this.$refs.receivableFee,value)  
  this.$CurrencyInput.updateValue(this.$refs.payableFee,value)
})

• 国际货币转换数值参数为string,及币种类型

Xxx=this.$CurrencyInput.formattedValue(this.receivableFee,this.currencyType);

更有干货

• vue2示例： https://codesandbox.io/s/rv95r?file=/src/App.vue:214-222
• vue3示例： https://codesandbox.io/s/using-vue-currency-input-with-element-plus-8b6rc?from-embed=&file=/src/components/ElCurrencyInput.vue:311-327