Vue 中子组件调用父组件不可调用的问题解决
触发场景
在原来的两个页面中(A和B),共用一个子组件(C),使用this.
p
a
r
e
n
t
.
f
n
的
方
式
调
用
父
组
件
函
数
,
没
有
问
题
。
后
面
因
为
业
务
关
系
,
把
两
个
页
面
整
合
成
一
个
页
面
,
其
中
一
个
页
面
变
成
子
组
件
,
也
就
是
A
成
为
父
组
件
,
B
成
为
子
组
件
,
C
还
是
A
和
B
的
子
组
件
,
这
个
时
候
,
C
组
件
使
用
t
h
i
s
.
parent.fn的方式调用父组件函数,没有问题。后面因为业务关系,把两个页面整合成一个页面,其中一个页面变成子组件,也就是A成为父组件,B成为子组件,C还是A和B的子组件,这个时候,C组件使用this.
parent.fn的方式调用父组件函数,没有问题。后面因为业务关系,把两个页面整合成一个页面,其中一个页面变成子组件,也就是A成为父组件,B成为子组件,C还是A和B的子组件,这个时候,C组件使用this.parent.fn去调用父组件,失效。解决方式:
this.$emit(‘fn’)