vue3父子组件通信

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()
}
相关推荐
卡兰芙的微笑16 分钟前
get_property --Cmakelist之中
前端·数据库·编辑器
覆水难收呀19 分钟前
三、(JS)JS中常见的表单事件
开发语言·前端·javascript
猿来如此呀26 分钟前
运行npm install 时,卡在sill idealTree buildDeps没有反应
前端·npm·node.js
hw_happy32 分钟前
解决 npm ERR! node-sass 和 gyp ERR! node-gyp 报错问题
前端·npm·sass
FHKHH36 分钟前
计算机网络第二章:作业 1: Web 服务器
服务器·前端·计算机网络
计算机程序设计开发37 分钟前
计算机毕业设计公交站点线路查询网站登录注册搜索站点线路车次/springboot/javaWEB/J2EE/MYSQL数据库/vue前后分离小程序
数据库·vue.js·spring boot·课程设计·计算机毕业设计
QQ130497969442 分钟前
Vue+nodejs+express旅游景区门票预订网站的设计与实现 8caai前后端分离
vue.js·express·旅游
视觉小鸟1 小时前
【JVM安装MinIO】
前端·jvm·chrome
二川bro2 小时前
【已解决】Uncaught RangeError: Maximum depth reached
前端
Angus-zoe2 小时前
uniapp+vue+微信小程序实现侧边导航
vue.js·微信小程序·uni-app