技术栈

vue3父子组件通信

小短腿乄2024-08-03 1:01
html 复制代码
//父传字
const car=ref("给子的数据")
<save-template :car="car"/>
//子接收
defineProps(["car"])


function Callpage(){
	console.log("test")
}
function save(){
	emit("btSave",要返回的值)
}
//暴露方法给父调用
defineExpose({Callpage})
//返回给父组件值
const emit=defineEmits(["btSave"])

//父
const savetemp =ref("")
<save-template @btSave="test" ref="savetemp"/>
function test(res){
	console.log(res)
	savetemp.value.Callpage()
}
上一篇:树莓派支持鼠标和LCD(TODO)
下一篇:学习C语言第19天(练习题)
相关推荐
wuhen_n
13 小时前
开发环境优化完全指南:告别等待,让开发如丝般顺滑
前端·javascript·vue.js
badhope
13 小时前
GitHub超有用项目推荐:skill仓库--用技能树打造AI超频引擎
java·开发语言·前端·人工智能·python·重构·github
时寒的笔记
13 小时前
js逆向入门03_会展中心案例&shuwei观察&ji思录
开发语言·前端·javascript
执行部之龙
13 小时前
js垃圾回收
javascript·gc回收
小道士写程序
13 小时前
3D雷达锥体 - Cesium兼容版
javascript
@PHARAOH
14 小时前
HOW - 前端页面低代码 Schema 驱动最小范式
前端·低代码
LFly_ice
14 小时前
C# Web 开发从入门到实践
开发语言·前端·c#
大黄说说
14 小时前
Vue 3 + Vite 高性能项目最佳实践(2026 版)
前端·javascript·vue.js
数据服务生
14 小时前
围棋-html版本
前端·html
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03OpenClaw 使用和管理 MCP 完全指南04Labelme从安装到标注:零基础完整指南05AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南06UV安装并设置国内源07小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)08OpenClaw Control UI安全上下文访问配置09Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南