[原文](https://zhuanlan.zhihu.com/p/390466860)
因?yàn)樵谖覀冏远x的組件內(nèi)部沒有觸發(fā)el.form.blur和el.form.change這兩個(gè)事件,所以想要使用 el-form, el-form-item 組件的表單校驗(yàn)功能,組件內(nèi)部必須要用包裹它的el-form-item組件$emit el.form.blur和el.form.change。
實(shí)際應(yīng)用如下 (blur 和 change 事件可根據(jù)需求選擇使用)
<template>
<el-form :model="formData" :rule="rules" ref="formRef">
<el-form-item label="內(nèi)容" prop="inputValue" ref="inputValueRef"> <!-- 添加ref, 用來調(diào)用$emit -->
<my-input v-model="formData.inputValue" @blur="$refs.inputValueRef.$emit('el.form.blur',$event)" @change="$refs.inputValueRef.$emit('el.form.change',$event)"></my-input>
</el-form-item>
<el-form-item>
<el-button @click="submit">提交</el-button>
</el-form-item>
</el-form>
</template>