技术栈

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天(练习题)
相关推荐
你可如意
3 分钟前
从Promise开始,一篇让你彻底建立起JS的异步编程模型
javascript
Tkto
18 分钟前
我用 WebGL 从「画个点」一路画到「贪吃蛇」
前端
xiaobaoyu
25 分钟前
前端代码常用规范
前端
xiaobaoyu
33 分钟前
img,word,excel,pdf文件在线预览
前端
lichenyang453
34 分钟前
从 H5 到 HarmonyOS:我做了一个 npm + OHPM 双端发布的 ArkWeb JSBridge 框架
前端
用户8429814241810
34 分钟前
AI时代,JS混淆加密还有用吗?
前端·javascript
xiaobaoyu
38 分钟前
如何理解前端项目中的绝对路径和相对路径
前端
xiaobaoyu
42 分钟前
vue3+vite+vant4项目实战总结
前端
咖啡星人k
1 小时前
【无标题】
前端·ai·github
用户8313485930698
1 小时前
Cesium 实现行政区内部遮罩
vue.js·webgl·cesium
热门推荐
01GitHub 镜像站点02如何新建文件夹? 电脑新建文件夹的4种方法032026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片04AI科技热点日报 | 2026年07月01日05国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)06AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路072026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?08幻兽帕鲁 - 服务器管理员权限与 GM 命令完全指南09微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新102026 年 AI 大模型 & AI 编程工具实战全总结