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>
相关推荐
加油乐7 小时前
react基础概念合集
前端·react.js
小白探索世界欧耶!~8 小时前
用iframe实现单个系统页面在多个系统中复用
开发语言·前端·javascript·vue.js·经验分享·笔记·iframe
bl4ckpe4ch8 小时前
用可复现实验直观理解 CORS 与 CSRF 的区别与联系
前端·web安全·网络安全·csrf·cors
HIT_Weston8 小时前
89、【Ubuntu】【Hugo】搭建私人博客:侧边导航栏(三)
linux·运维·ubuntu
阿珊和她的猫8 小时前
Webpack中import的原理剖析
前端·webpack·node.js
白驹过隙^^8 小时前
windows通过docker compose部署oktopus服务
linux·windows·tcp/ip·docker·容器·开源
独自破碎E8 小时前
在Linux系统中怎么排查文件占用问题?
linux·运维·服务器
tiechui19948 小时前
最小化安装 ubuntu
linux·运维·ubuntu
Maggie_ssss_supp8 小时前
Linux-Web服务(Apache)
linux·运维·apache
AI前端老薛8 小时前
webpack中loader和plugin的区别
前端·webpack