vue的父子组件传值

1. 子组件editTree向父组件传:调用父组件的方法createClick,data为参数

this.$emit("createClick",data)  
父组件中代码:
同时组件标签添加@
        <edit-tree ref="editTree" @createClick="createClick"  >
    1)输出一个参数
    子组件:
    this.$emit('closeChange',false);
    父组件:
        <posilCom @closeChange="closeCom($event)"></posilCom>
        closeCom(msg) {
            this.msg = msg;
        }
    2)输出多个参数,使用arguments定义接收
    子组件:
        this.$emit('closeChange',false,true);
    父组件:
        <posilCom @closeChange="closeCom(arguments)"></posilCom>
        closeCom(msg) {
            this.a= msg[0];
            this.b= msg[1];
        }

2.父组件向子组件customizeTree.vue传值:子组件使用props接收

子组件中代码:
        export default {
             props: {
                activeId: {
                  type: Number
                },
                treeData: {
                  type: Array
                },
                level: {
                  type: Number
                }
              }
          }
父组件中:
       <customize-tree :tree-data="treeData"></customize-tree>
   注意:父组件通过prop传的值,子组件不能修改
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容