一、父页面
<edit @getLink="getMyLink" :objData="data" ref="dataSource"></edit>
<script>
import edit from './edit.vue'
export default {
components: {
edit
},
data() {
return {
data:{name:'从列表页传参到编辑页面'},
}
},
methods:{
getMyLink(item){
console.log('父子组件方法',item)
},
getDataSource(){
const aa=this.$refs.dataSource.handleSubmit();
},
}
}
<script>
二、子页面
<template>
<div>
<!-- 父子组件传参 -->
我是子页面
<a-button @click="getPre">点击</a-button>
</div>
</template>
<script>
export default{
props: {
objData:{
type:Object
}
},
data(){
return{
}
},
methods:{
getPre(){
this.$emit('getLink', "子组件传参到父组件");
}
},
created(){
console.log('objData',this.objData)
}
}
</script>
<style scoped="">
</style>