Vue货币输入框(Currency Input)
made with Vuejs

Vue货币输入框(Currency Input)

这是一个货币格式化的数字输入框组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue货币输入框(Currency Input)是一个货币格式化的数字输入框组件,可轻松输入货币格式的数字,提供了独立的组件和自定义的Vue指令(v-currency),用于使用货币格式功能来装饰现有的输入组件。

Vue货币输入框(Currency Input)只有〜3kB大小(最小+ gzip压缩),零依赖项。

安装

Npm

npm i vue-currency-input 

Yarn

yarn add vue-currency-input 

使用

引入

import Vue from 'vue'
import VueCurrencyInput from 'vue-currency-input'

Vue.use(VueCurrencyInput)

使用组件

<template>
  <currency-input v-model="value" />
</template>

<script>
export default {
  data: () => ({ value: 1000 })
}
</script>

示例

vuecurrencyinput.gif

作者

Matthias Stiller

相关项目

这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。
这是一个漂亮的Vue聊天组件。
这是一个基于Vue.js的模拟命令行效果的动画组件。