父子组件传递数据

子：

<template>
  <el-tree @node-click="nodeclick">

  </el-tree>
</template> 

<script>
export default {
  methods: {
    nodeclick (data, node, component) {
      console.log(`子組件category的节点被点击`, data, node, component)
      // 向父组件发送事件
      this.$emit(`tree-node-click`, data, node, component);
    }
  },
}
</script> 

父：

<template>
  <el-row :gutter="20">
    <el-col :span="6">
      <category @tree-node-click="treenodeclick"> </category>
    </el-col>
  </el-row>
</template>

<script>
export default {
  methods: {
    // 感知树节点被点击
    treenodeclick (data, node, component) {
      console.log(`attrgroup感知到category的节点被点击:`, data, node, component)
      console.log(`刚才被点击的菜单id：`, data.catId)
    },
  }
}
</script>