vue子组件怎么调用父组件的方法
在Vue2中组件的props的数据流动改为了只能单向流动,即只能由组件外(调用组件方)通过组件的DOM属性attribute传递props给组件内,组件内只能被动接收组件外传递过来的数据,并且在组件内,不能修改由外层传来的props数据。可以通过 $emit向父组件触发一个事件涉及到组件之间的通信的问题。组件之间的通信可以分为以下几种:父子组件传递,父向子传递采用props,...
·
在Vue2中组件的props的数据流动改为了只能单向流动,即只能由组件外(调用组件方)通过组件的DOM属性attribute传递props给组件内,组件内只能被动接收组件外传递过来的数据,并且在组件内,不能修改由外层传来的props数据。
可以通过 $emit
向父组件触发一个事件
涉及到组件之间的通信的问题。组件之间的通信可以分为以下几种:
-
父子组件传递,父向子传递采用props,子向父采用事件emit
-
非父子组件的传递,全局Event bus,new一个vue的实例,采用事件的方式通信,再者采用vuex全局状态管理
-
用
$emit
向父组件触发一个事件,父组件监听这个事件就行了。 -
直接用
this.$parent.xxxx
这样直接调用父组件的方法<template id=""> <child @refreshList="onRefresList"></child> </template> <script> export default { data () { return { }; }, components: { Child }, mounted() {}, methods: { onRefresList () { } }, computed: {}, watch: {} }; </script>
Child.vue
this.$emit('refreshList');
更多推荐
已为社区贡献9条内容
所有评论(0)