vue父组件调用子组件方法ref不起效

Question

父组件：

子组件：

为什么会总是提示

Answer 1

你在 v-for 中用ref
this.$refs.rc 返回的是一个子组件对象数组，当然不能直接调用clearMsg了

Answer 2

this.$refs.rc 是一个 Array, 可以使用 this.$refs.rc[index].clearMsg() 来调用一个子组件的方法。

针对所有的子组件可以使用：

this.$refs.rc.forEach(_ => _.clearMsg());

Answer 3

先console一下this.$refs.rc，看看是什么