众所周知,一些在页面中重复的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