父組件,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);
}
...