Vue 2.x 输入带有验证的组件 - vue-validation-input

Vue 2.x 输入带有验证的组件 - vue-validation-input
插件名称 vue-validation-input
版本号 1.1.0
发布时间 2021年4月19日
插件作者 riyuuryu

这只是默认输入元素的简单扩展,默认输入元素显示SVG图标(如果有效)。

安装

$ npm install vue-validation-input

用法

<template>
  <div id="app">
    <vue-validation-input :readonly="true" :placeholder="'Placeholder text'"></vue-validation-input>
    <vue-validation-input :minlength="5" maxlength="10"></vue-validation-input>
    <vue-validation-input :class="'customClass'" :pattern="Hello\nworld"></vue-validation-input>
    <vue-validation-input :class="['customClass', 'customClass2']" valid-color="'green'"></vue-validation-input>
  </div>
</template>

<script>
import VueValidationInput from 'vue-validation-input'

export default {
  components: {
    VueValidationInput
  },
}
</script>

事件

事件类型输出
vue-validation-outputObject{ value: String, valid: Boolean }