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语法如何实现子组件向父组件派发事件
基础教程推荐
猜你喜欢
- css实现元素垂直居中显示的7种方式 2024-01-24
- HTML5中视频音频的使用详解 2024-01-06
- 微信小程序实现发动态功能的示例代码 2022-10-21
- jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例 2024-03-12
- php-删除插入到mysql中的post html,js,css 2023-10-27
- 详解Html5 监听拦截Android返回键方法 2024-03-22
- 带参数的function 的自运行效果代码 2024-01-09
- 浅谈async、defer以普通script加载的区别 2023-07-09
- 总结js中的一些兼容性易错的问题 2024-04-04
- 前端设置cookie之vue-cookies使用及说明 2023-07-09