[工作困难]element-plus封装多个子组件表单校验,并数据合并发送

众所周知,一些在页面中重复的DOM元素要使其进行组件封装,并且封装组件的数据要发送到服务端

今日遇到这个困难,因此在这里总结一下

第一步,封装组件

①在components文件下下创建一个组件

<div class="title">
            <p class="problem_title">问题描述</p>
            
            <el-form-item prop="problem">
                <el-input
            v-model="ruleForm.textarea"
            type="textarea"
            placeholder="输入您要反馈的问题"
            class="problem_input"
            resize="none"
            @input="changeProblem"
        />
            </el-form-item>
       </div>

②并设置输入事件将输入的数据赋值给定义的变量,并发送其父组件接收

 changeProblem:function(){
            this.$emit('changeInput',this.ruleForm.textarea)
        },

 ③在父组件中设置校验表单

 &l