vue开发中,如何实现子组件向父组件派发事件?下面编程教程网小编给大家简单介绍一下具体实现代码!
具体代码如下:
<template>
<div @click="sonHander">
我是子组件中的数据
</div>
</template>
<script>
import { defineComponent,setup } from "vue";
export default defineComponent({
name: "NoCont",
props:{
mytitle:{
type:Object
}
},
setup(props,context){
function sonHander(){
context.emit("sonclick","子组件传递给父组件")
}
return {sonHander}
}
});
</script>
以上是编程学习网小编为您介绍的“vue语法如何实现子组件向父组件派发事件”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue语法如何实现子组件向父组件派发事件
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
猜你喜欢
- HTTP中的Content-type详解 2022-09-21
- CSS3控制HTML元素动画效果 2024-01-03
- JavaScript实现QQ聊天室功能 2022-08-30
- nginx静态html页面接收post请求,报405 not allowed错误 2023-10-25
- layui怎么赋值和获取form表单 2023-08-31
- 小区后台管理系统项目前端html页面模板实现示例 2022-11-20
- 防止网站被采集的理论分析以及十条方法对策 2024-02-25
- 有关Ajax中get和post的使用问题 2023-01-20
- js实现从右向左缓缓浮出网页浮动层广告的方法 2024-02-06
- 解决前端跨域问题方案汇总 2024-01-16