子组件向父组件传值
1.子组件
代码如下(示例):
<el-radio-group v-model="answerVal" @change="answerFun" >
<el-radio v-for="item in answerList" :key="item.prefix" :label="item.prefix" >
<span class="question-prefix">{{item.prefix}}.{{item.content}}</span>
</el-radio>
</el-radio-group>
data(){
return{
answerVal:''
}
},
methods: {
answerFun(){
this.$emit('answerValFun',this.answerVal)
}
}
2.父组件
代码如下(示例):
<QuestionEdit @answerValFun="getAnswerVal" />
getAnswerVal(childValue) {
// childValue就是子组件传过来的值
console.log(childValue)
},