这只是默认输入元素的简单扩展,默认输入元素显示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-output | Object | { value: String, valid: Boolean } |