$emit $parent
时间: 2023-11-07 09:55:21 浏览: 94
Vue $emit()不能触发父组件方法的原因及解决
5星 · 资源好评率100%
$emit是Vue.js中的一个方法,用于在子组件中向父组件触发自定义事件。通过调用$emit方法,子组件可以传递数据给父组件,从而实现组件间的通信。
$parent是Vue.js中的一个属性,用于在子组件中获取父组件的实例。通过$parent属性,子组件可以直接访问父组件的属性和方法。
举例来说,当子组件需要调用父组件的方法时,可以通过$parent来访问并调用:
```
// 子组件
export default {
methods: {
childClick() {
this.$parent.fatherMethod()
}
}
}
```
当父组件需要向子组件传递方法时,可以使用props将方法传递给子组件:
```
// 父组件
<template>
<div class="parent">
<child :fatherMethod='fatherMethod'></child>
</div>
</template>
<script>
import child from '../base/child'
export default {
components: {
child
},
methods: {
fatherMethod() {
alert('我是父组件的know方法');
}
}
}
</script>
```
阅读全文