Vue 子组件调用父组件方法
2024-10-18 19:06:57
父组件内容:
<template>
<div>
<info-wnd ref="infoWnd" @parentClick="wndClick"></info-wnd>
</div> </template>
<script>
import infoWnd from './info-wnd';
export default {
data() {
return {
}
},
components: { infoWnd },
methods: {
wndClick() {
console.log('这是父组件的方法');
}
}
}
</script>
子组件Info-wnd.vue组件内容:
<template>
<div @click="divClick">
<span>这是子组件</span>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
divClick() {
this.$emit('parentClick'); //调用父组件的方法
}
}
}
</script>
最新文章
- Employment Planning[HDU1158]
- 【HDU】2147 kiki&#39;s game
- Sublime Text3 protobuf syntax file(语法文件)
- 常见的Unix指令
- Java读取本地文件进行unicode解码
- 在SQL Server 2014下面使用的SQL2000的Northwind和Pubs示例数据库
- Strategic Game(匈牙利算法,最小点覆盖数)
- BZOJ 2795: [Poi2012]A Horrible Poem( hash )
- Android学习之 WebView使用小结
- go语言常用开源库整理
- Xamarin.Android 获取手机IP地址
- nodejs中引用其他js文件中的函数
- 关于TM影像各波段组合的简介
- Python爬虫学习——获取网页
- 获取Activity中得到焦点的EditText
- net mvc中实现记录用户登录信息(记住登录效果)
- 【转】Android SDK,ADT,API 版本的对应关系
- Java基础加强总结(二)——泛型
- redis 映射数据结构粗略
- 推荐一套WPF主题皮肤