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|'' | 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版本支持 |