vue $emit用法,子页面或组件传数据给父页面
父页面:
<div> <hello @showMsg="show"> </div> <script> export default { methods:{ show(){ console.log('子页面点击了'); } } } </script>
子页面:
<div> <div @click="showClick()"></div> </div> <script> export default { methods:{ showClick(){ var value ="test";
//注意,这里的showMsg对应的是父页面的接收事件,名字要一样
this.$emit("showMsg", value)
}
}
} </script>
本文来自博客园,作者:沉迷编程的程序员,转载请注明原文链接:https://www.cnblogs.com/codeDevotee/p/13301655.html
欢迎各位找我代写程序,python、c#、web等都可以,加我请注明博客园微信:A15919195482
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步