Vuejs组件,用于显示表单验证错误 - vue-form-error

Vuejs组件,用于显示表单验证错误 - vue-form-error
插件名称 vue-form-error
发布时间 2021年5月3日
插件作者 ziadadeela

一个简单的Vuejs组件,可用于显示输入中的表单验证错误。

安装

npm install vue-form-error --save 

OR

yarn add vue-form-error

用法

<template>
    <div>
        <FormError :errors="formErrors.name">
            <label for="Name">Name</label>
            <input type="text" class="form-control" id="Name"
                   placeholder="Name">
        </FormError>
    </div>
</template>

<script>
    // Import component
    import FormError from 'vue-form-error';
    // Import stylesheet
    import "vue-form-error/dist/FormError.css";
    
    export default {
        data() {
            return {
                formErrors:{}
            }
        },
        components: {
            FormError
        },
        methods: {
        }
    }
</script>

在本地运行示例

  • 克隆此仓库
  • 安装依赖项:npm install
  • 运行开发服务器,它将在http://localhost:8080以下位置打开:npm run serve