父子间传递数据 之 子向父传 $emit
发布于 1年前 作者 huweivip 1624 次浏览 来自 分享

子组件: 首先发生一个动作出发的函数applyfilter里进行this.$emit('applyfilter’,[this.arg1,this.arg2]);

<button type="button" class="btn btn-primary apli-filter-btn" v-on:click="applyfilter">子组件</button>

父组件: <template>

父组件绑定$emit触发的事件,之后在methods里写applyfilterfunc函数,进行对子组件传过来的数据arg1,arg2的处理即可 <filter-con v-on:applyfilter="applyfilterfunc"></filter-con>
</template>
1 回复

父组件向子组件传值,父组件一定要在引用自组建的标签的位置v-bind绑定要传递的值 v-bind:X="Y",Y为父组件的值,X为传递给子组件的Y值得别名

回到顶部