父组件,props 传入参数,on 监听getVal 方法
data () {
return {
columns10: [
{
type: 'expand',
width: 50,
render: (h, params) => {
return h(tableExpand, {
props: {
row: params.row
},
on:{
getVal:(val)=>{
console.log('接受到:' + val);
}
}
})
}
},
{
title: 'Name',
key: 'name'
}
...
子组件,使用props接受传参,使用this.$emit('父组件方法名称',‘需要给父组件传的值’)
export default {
props: {
row: Object
},data () {
return {
columns1: [
{
title: 'Name',
key: 'name'
},
{
title: 'Age',
key: 'age'
},
{
title: 'Address',
key: 'address'
}
],
data1: []
}
},mounted(){
this.$emit('getVal',this.$refs.div.offsetHeight);
}
...