@livelybone/vue-input NPM

@livelybone/vue-input

pkg.module supported, which means that you can apply tree-shaking in you project

A vue input component, a wrapper of input validator, formatter. textarea available

Fixed bug of chinese input
Fixed unexpected action of auto-fill in chrome and firefox by setting set autocomplete to 'off' to disabled auto-fill

repository

https://github.com/livelybone/vue-input.git

Demo

https://livelybone.github.io/vue/vue-input/

Installation

npm i -S @livelybone/vue-input

Register

import VueInput from '@livelybone/vue-input';

// Global register
Vue.component('vue-input', VueInput);

// Local register
new Vue({
  components:{VueInput}
})

Init

You can init a instance by call its init method, then the valid and pristine will be reset, see: https://github.com/livelybone/vue-input/blob/master/src/components/Index.vue#L95-L97

Props

Name	Type	DefaultValue
`id`	`[String, Number]`	none
`value`	`[String, Number]`	none
`config`	`String`	`defaultConf`

// defaultValue of config
const defaultConf = {
  // Options: [textarea, text, password, ...]
  inputType: 'text', 
  placeholder: '',
  validator: () => true,
  // ['pre','suf'], timing of validator
  validateType: 'pre',
  // Formatting when inputting
  preFormatter: val => val,
  // Formatting at the end of inputting
  sufFormatter: val => val,
  maxlength: null,
  readonly: false,
  // Fixed unexpected action of auto-fill in chrome and firefox
  autocomplete: 'off',
  autofocus: false,
  disabled: false,
}