vue-thousandth-input

vue-thousandth-input component for Vue.js / 基于vue的一个千分位输入表单组件

Install / 下载

npm

npm install vue-thousandth-input

yarn

yarn add vue-thousandth-input

Example 1: Register the plugin as a global component / 全局注册组件

import Vue from 'vue'
import VuethousandthInput from 'vue-thousandth-input'

Vue.use(VuethousandthInput)

Then use it in a component / 然后在组件中这么使用

<template>
 <vue-thousandth-input v-model="value"></vue-thousandth-input>
</template>

Example 2: Add a component / 局部注册组件

<template>
 <vue-thousandth-input v-model="value"></vue-thousandth-input>
</template>

<script>
  import { VueThousandthInput } from 'vue-thousandth-input';

  export default {
    name: 'VueThousandthInput',
    components: {
      VueThousandthInput
    },
    data () {
     return {
      value
     }
    }
  };
</script>

CDN

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-thousandth-input"></script>

Then you need to register it

Vue.component('vue-thousandth-input')

Props / 参数

Property	Type	Default value	Description
value	String	''	Default value / 默认值
v-model	String	value	v-model Default value / v-model默认值
decimalPoint	Number		Keep a few decimal places / 保留几位小数点
id-set	String	''	Add id / 添加自定义id / Available from v0.1.2
class-set	String	''	Add class / 添加自定义class
style-set	String	''	Add style / 添加自定义style
placeholder	String	''	placeholder for the input

event / 事件

Event	Arguments	Description	Notes
change	Object	Fires when the input changes with the argument is the object includes { event, changeValue, value } / 输入事件返回的值	onInput
focus	Object	Fires when the focus with the argument is the object includes { event, changeValue, value } / 获取焦点事件返回的值	onFocus Available from v0.1.2 / v0.1.2版本支持
blur	Object	Fires when the blur with the argument is the object includes { event, changeValue, value } / 失去焦点返回的值	onBlur Available from v0.1.2 / v0.1.2版本支持