解决：this.$refs引用子组件报错 is not a function

解决：this.$refs引用子组件报错 is not a function

• 问题描述：

  
  （图片来源网络，侵删）

  vue通过this.$refs引用子组件出现undefined或者is not a function的错误

• 报错如下：

  _this3.$refs.fileUpload.changeFileList is not a function

  ---

  问题分析：

  • 问题1：出现undefined错误

    1. 包含子组件的标签需要放在中第一个子标签的子标签中，而且需要设置ref属性，

       因为父组件逻辑代码中是通过该属性调用子组件的方法或者属性的。

  • 问题2： 出现is not a function的错误

    
    （图片来源网络，侵删）
    1. 子组件需要import,import是请确保路径正确
    2. import之后还需要在父组件的component中进行注册

    ---

    解决办法：

    • 按上述分析对号入座进行修改即可。

      ---

      完结。

      
      （图片来源网络，侵删）