[Vue] Ошибка: ошибка субкомпонента ссылки this.$refs не является функцией

сообщение об ошибке

  • this.$refs.selectTree.onHide is not a function
    вставьте сюда описание изображения

Решение

  1. Убедитесь, что компонент успешно экспортирован и смонтирован:
- 子组件需要 import,import 是请确保路径正确
	import selectTree from '@/components/select-tree';
- import 之后还需要在父组件的 component 中进行注册
	components: {
    
     selectTree }
  1. Распечатайте его this.$refs.selectTree, чтобы увидеть, можно ли его получить нормально, и его формат возврата.

вставьте сюда описание изображения

// 如上:上面的返回的是一个数组,所以我们应该这样用
this.$refs.selectTree[0].onHide();
  1. Если он печатается this.$refs.selectTreeкак undefined, проверьте правильность привязки ref (с учетом регистра)
<select-tree ref = "selectTree"/>
// 错误示例:不分大小写
console.log(this.$refs.SelectTree)	// undefined
// 正确示例:区分大小写
console.log(this.$refs.selectTree)	// [VueComponent]
  1. Наконец, убедитесь, что этот метод существует в подкомпоненте
console.log(this.$refs.selectTree)

вставьте сюда описание изображения

Supongo que te gusta

Origin blog.csdn.net/qq_45677671/article/details/131762312
Recomendado
Clasificación