Vue——父to子 子to父传值(三)

    xiaoxiao2022-07-07  168

    父to子

    父亲组件绑定数据

    v-bind:users2="users"

    子组件获取

    复合类型的话是传地址

    普通类型传值

    props:{ users2:{ type:Array, required:true, } },

    子to父

    单击时调用这个方法

    <h1 v-on:click="changTitle">{{title1}}</h1>

    方法:调用了事件名字为titlChange,从父组件找相关的

    methods:{ changTitle:function () { this.$emit("titleChange","子向父组件传值"); } },

    父组件:当事件发生的时候调用了updateTitle方法传值进去

    <users v-on:titleChange="updateTitle($event)"></users>

    方法:

    updateTitle:function (title1) { this.title1 = title1; }

     

     

    最新回复(0)