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>
相关推荐
齐齐大魔王2 分钟前
虚拟机网络无法连接
linux·网络·c++·python·ubuntu
Lee川2 分钟前
Vue Router 4 核心精讲:从原理到面试实战
前端·vue.js
_OP_CHEN4 分钟前
【MySQL数据库基础】(六)MySQL 表的约束详解:从基础到实战,拿捏数据合法性!
linux·数据库·mysql·c/c++·表约束·mysql表
树上有只程序猿5 分钟前
2026年,学“前端”还有前途吗?
前端
我命由我1234510 分钟前
JS 开发问题:url.includes is not a function
开发语言·前端·javascript·html·ecmascript·html5·js
weixin1997010801615 分钟前
义乌购商品详情页前端性能优化实战
前端·性能优化
汪啊汪18 分钟前
Day 3:Hooks 原理
前端
汪啊汪20 分钟前
Day 2:JSX 转换原理
前端
学以智用21 分钟前
Vue3 + Vue Router 4 完整示例(可直接运行)
前端·vue.js
程序员小李白23 分钟前
vue2基本语法详细解析(2.7条件渲染)
开发语言·前端·javascript