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>
相关推荐
AZ996ZA4 分钟前
自学linux第十九天:Cron定时任务完全指南:从入门到排错
linux·运维·服务器
Hexene...6 分钟前
【前端Vue】出现elementui的index.css引入报错如何解决?
前端·javascript·vue.js·elementui
红色的小鳄鱼6 分钟前
Vue 监视属性 (watch) 超全解析:Vue2 Vue3
前端·javascript·css·vue.js·前端框架·html5
web小白成长日记6 分钟前
Vue-实例从 createApp 到真实 DOM 的挂载全历程
前端·javascript·vue.js
晚霞的不甘6 分钟前
Flutter for OpenHarmony实现高性能流体粒子模拟:从物理引擎到交互式可视化
前端·数据库·经验分享·flutter·microsoft·计算机视觉
晚霞的不甘7 分钟前
Flutter for OpenHarmony 流体气泡模拟器:用物理引擎与粒子系统打造沉浸式交互体验
前端·flutter·ui·前端框架·交互
HIT_Weston7 分钟前
117、【Ubuntu】【Hugo】首页板块配置:Branch Bundle
linux·运维·ubuntu
colicode10 分钟前
发送语音通知接口技术手册:支持高并发的语音消息发送API规范
前端
Sapphire~11 分钟前
Linux-14 ubuntu 安装 vscode
linux·vscode·ubuntu
HalvmånEver14 分钟前
Linux:线程创建与终止下(线程六)
linux·运维·算法