子页面:
子组件
传递到父页面
export default {
name: ‘child‘,
data() {
return {
msg:‘子组件数据‘
}
},
computed:{
addNum(){
return this.num*5
}
},
methods:{
sendMsg(event){
this.$emit(‘sendmsg‘,this.msg)
this.$emit(‘addnum‘,this.addNum)
}
},
props:{
num:{
type:Number,
default:5
}
}
}
父页面:
父组件
{{info}}
{{num}}
import child from ‘./child‘
export default {
name: ‘parent‘,
data() {
return {
info:‘‘,
num:10
}
},
components:{
child
},
methods:{
getMsg(data){
this.info = data
},
getNum(data){
this.num = data
}
}
}
原文:https://www.cnblogs.com/qiyc/p/9113897.html