vue中子组件向父组件传值
2024-08-31 06:16:39
1.子组件$emit()触发,父组件$on()监听
子组件:
<template>
<div class="hello">
<button v-on:click="onClickMe">telltofather</button>
</div>
</template> <script>
export default {
methods: {
onClickMe () {
this.$emit('childClick',this.msg);//将this.msg传给父组件
}
}
}
</script>
父组件:
<template>
<div id="app">
<p>child tell me: {{childWords}}</p>
<child v-on:childClick='listenToMyBoy'>
</child>
</div>
</template > <script> import child from './components/child';
export default {
components: {
child
},
data () {
return {
childWords: ''
}
},
methods: {
listenToMyBoy (msg) {
this.childWords = msg;//获取到子组件传过来的值msg
}
}
}
</script>
最新文章
- php 时间倒计时代码 个人写法 有好的想法的欢迎贴出来分享
- 如何解决Linux下通过root无法远程登录
- DynamicsCRM中的自动保存
- GNOME编辑器--gedit 构建基本脚本
- 今天讲的是JQ 的动画效果
- 在java项目中使用log4j的实例
- java中String类型转换方法
- HashSet HashTable HashMap的区别
- php文件遍历
- form提交的时候使用method=get导致乱码
- netbeans 调试 php
- 解决Mac OS X Lion狮子系统及win7多分区教程
- 使用Github Composer Packagist编写及发布扩展包
- CSS网页布局
- 设计模式---接口隔离模式之代理模式(Proxy)
- 黄聪:如何扩展Chrome DevTools来获取页面请求
- xhtml和html的差別
- [整理]WebAPP开发的框架
- 瞎折腾之Webhooks
- 批量压缩文件.net