props组件传值（子串子）

sunly_

已于 2024-04-18 16:58:40 修改

阅读量543

点赞数 2

分类专栏： vue2 文章标签：前端 linux javascript

于 2024-04-12 17:27:38 首次发布

本文链接：https://blog.csdn.net/qq_40745143/article/details/137686869

版权

vue2 专栏收录该内容

71 篇文章 10 订阅

订阅专栏

父组件

<version :show="versionShow" @closeVersion="versionShow = false" @data="onData"></version>
<footBar url="index" :footShow="footShow"></footBar>

// 提醒footbar隐藏
onData(data) {
	this.footShow = data;
}

第一个version 组件

this.$emit('data', false); // false 隐藏tabbar，true显示tabbar

第二个footBar组件

<template>
	<view class="footBar" v-if="footShow">
		footBar
	</view>
</template>
<script>
	export default {
		props: {
			footShow: {
				type: Boolean,
			}
		},
	}
</script>