vue 子组件监听父组件的点击事件

最新推荐文章于 2024-05-31 09:30:00 发布

web开发啦啦啦

最新推荐文章于 2024-05-31 09:30:00 发布

阅读量3.4k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/qq_38884788/article/details/107340167

版权

使用vue-vant tab切换点击时只有点击的时候才加载数据，没有都用vant中的tab切换因为vant的tab切换滚动条不能固定
父组件中的子组件写法

<template>
	<div @click="onclick"></div>
	<focusNews  ref="sonMethod"></focusNews>
</template>
export default {
		onClick(name) {
                this.name = name;
                if(name == 1){
                    this.focusNewsActive = true;
                }
                this.$refs.sonMethod.onClick(this.focusNewsActive);
            },
}
子组件写法
onClick(param){
                if(param == true) {
                    this.onLoad()
                }
            },