props组件传值(子串子)

父组件

html 复制代码
<version :show="versionShow" @closeVersion="versionShow = false" @data="onData"></version>
<footBar url="index" :footShow="footShow"></footBar>

第一个version 组件

js 复制代码
this.$emit('data', false); // false 隐藏tabbar,true显示tabbar

第二个footBar组件

html 复制代码
<template>
	<view class="footBar" v-if="footShow">
		footBar
	</view>
</template>
<script>
	export default {
		props: {
			footShow: {
				type: Boolean,
			}
		},
	}
</script>
相关推荐
芭拉拉小魔仙4 小时前
企业级Vue项目的状态管理:从原理到实战架构
前端·vue.js·架构
恋猫de小郭4 小时前
丰田正在使用 Flutter 开发游戏引擎 Fluorite
android·前端·flutter
daad7774 小时前
USB_抓包
linux·运维·服务器
扶苏10025 小时前
Vue 3 响应式原理深度解析
前端·javascript·vue.js
诚丞成5 小时前
指引代码方向的恒星:在代码的诗行中徜徉,Git工具的深邃与魅力
linux
NEXT065 小时前
React 性能优化:图片懒加载
前端·react.js·面试
PineappleCoder5 小时前
别让字体拖了后腿:FOIT/FOUT 深度解析与字体加载优化全攻略
前端·性能优化
未来之窗软件服务5 小时前
服务器运维(四十)日服务器linux-ps分析工具—东方仙盟
linux·运维·服务器·服务器运维·仙盟创梦ide·东方仙盟
NEXT065 小时前
后端跑路了怎么办?前端工程师用 Mock.js 自救实录
前端·后端·程序员
c++逐梦人6 小时前
ELF文件和动态链接与动态库加载
linux·操作系统·进程