2020-10-04

社交宝

于 2020-10-04 21:43:06 发布

阅读量93

点赞数 1

分类专栏： Javascript 文章标签： vue

本文链接：https://blog.csdn.net/sjbstar/article/details/108922970

版权

Javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在Vue应用中，遇到父组件尝试调用子组件方法时出现`this.$refs.c1.closeulisnotafunction`的错误。问题的关键在于子组件的`ref`属性设置为`c1`，而子组件的方法`closeul`存在于实例的某个子元素上。解决方案是使用`this.$refs.c1[0].closeul`来正确调用该方法，避免了报错并成功执行了预期的功能。

摘要由CSDN通过智能技术生成

#vue 父组件调用子组件方法出现this.$refs.c1.closeul is not a function 完美

html中组件代码块如下:

<dselect v-model="mobanValue" @clear='clearSelect($event)' :options='options3' @change="dselectFun($event)" @input='dselectFun($event)' ref="c1"></dselect>