vue父子组件传递数据

最新推荐文章于 2024-08-02 09:29:40 发布

camma

最新推荐文章于 2024-08-02 09:29:40 发布

阅读量115

点赞数

分类专栏： vue 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/weixin_42594968/article/details/120438909

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

/**
 * 父子组件传递数据
 * 1)、子组件给父组件传递数据，事件机制
 *  子组件给父组件发送一个事件，携带上数据
 * this.$emit('事件名', 携带的数据...);
 *
 */

<el-tree :data="menus" :props="defaultProps" node-key="catId" ref="menuTree" @node-click="nodeclick">

nodeclick(data,node,component){
        console.log("子组件category的节点被点击",data,node,component);
        //向父组件发送事件
        this.$emit('tree-node-click', data,node,component);

    }

<category @tree-node-click="treenodeclick"></category>



methods: {
      //感知树节点被点击
    treenodeclick(data,node,component) {
        console.log("attrgroup感知到category的节点被点击",data,node,component);
        console.log("刚才被点击的菜单id",data.catId);

    },