Property ‘xxx‘ does not exist on type ‘Vue | Element | (Vue | Element)[]‘.

已于 2022-11-02 22:41:23 修改
阅读量2.9k 收藏 1
点赞数 1
分类专栏： 填坑小能手 文章标签： vue.js typescript javascript css3 html5
于 2021-06-10 10:23:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/popping_Sun/article/details/117769895
版权

这段时间使用ts,对于习惯js的我，刚开始真不习惯，各种坑等着我去踩，不过ts对于代码维护与理解确实挺nice的，还是赶快学习ts，赶上时代呀。博主在使用ts过程中碰到了好几次这个问题，以此记录一下，也为后续小伙伴们踩个坑。

这个时候我们可以用类型断言，这里面‘searchCondition’取的是一个公共组件，用的时候通过import引入了，所以将其进行断言，this.$refs['searchCondition'] as SearchCondition(组件名)，这样就不会报错了。

ts对于类型严格的判断，让我们对于代码的理解和维护更加方便，但是刚开始工作量要比js大，都是为了后期更好的维护。运用ts的时候，尽量不要用any类型。路漫漫兮其修远兮，各自共勉！

popping_Sun
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue refs 报错 Property 'getSectionIds' does not exist on type 'Vue | Element | Vue[] | Element[]'.
Jane_96的博客
12-06 1686
在父组件中用refs去获取子组件内部的方法或者属性，以下面的demo为例，直接写this.$refs.childRef.getValue() 会报错，报错内容说’Vue | Element | Vue[] | Element[]'a这些类型中，没有我们调用的属性。但是我们很清楚，这个childRef的类型是ChildComponent，这个类型中是含有我们所需要的变量或者方法，因此给this.$r...
vue+TS中父组件调用子组件报错Property ‘xxx‘ does not exist on type ‘Vue‘解决方案
qq_40295815的博客
03-05 5989
在使用ts的过程中发现，父组件调用子组件方法的时候 this.$refs.childThisParent.handleCommitInfo() 发现vscode报错Property 'handleCommitInfo' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。 主要原因是vscode会根据声明文件自动进行类型推断的，这里没法知道childMethod的类型 因此，如下即可 (this.$refs.childThisParentas any)....
Code::Blocks – The file does not exist.
01-09
Code::Blocks – The file does not exist. 1. Code::Blocks Could not open the file '/home/strong/codeblocks_work/Fire-master/src/bubble/config.cpp'. The file does not exist. 2. Build log ...... g++: error: obj/Debug/src/bubble/config.o: No such file or directory Process terminated with status 1 (0 min
import.meta.env报错：Property ‘env‘ does not exist on type ‘ImportMeta‘
最新发布
weixin_49267032的博客
03-11 541
import.meta.env报错：Property 'env' does not exist on type 'ImportMeta'
Django 报错User.DoesNotExist: User matching query does not exist.解决办法
01-20
models.py — 定义数据表 from django.db import models # Create your models here. class User(models.Model): username = models.CharField(max_length=20, primary_key=True) password = models.CharField(max_length=20) # 修改在 admin 管理工具中的默认名，返回文章标题 def __str__(self): return self.username 以上
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
主要介绍了vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Property ‘clearSelection’ does not exist on type ‘Vue’
知行合一
05-27 2777
首先vue+typescript下报Property ‘clearSelection’ does not exist on type ‘Vue’ 这种情况居然会编译错误， 查看报了什么错，显示是 分析原因： 它不知道是哪个类型的属性，因为我们这里用到了TypeScript，而TypeScript 又是强类型检查所以报了这个错。 解决方案： 将原来的 this.$refs['multipleTable'].clearSelection() 修改为任意类型 (this.$refs['multipleTa
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
weixin_41935198的博客
06-02 2万+
用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。 在参考一些正确的代码后，有两个解决方案。 在export default class Add extends Vue {} 里面定义对应的Prop： import { Component, Vue, Prop } from "vue-property-decorator"; import { mapState } from "vue
TS2339: Property does not exist on type 'CombinedVueInstance<Vue, unknown, ...>'的解决方案
HermitSun的博客
02-08 1万+
Vue + TypeScript的项目里，在watch里使用data里定义的数据的时候，发现类型消失了，出现了这个报错：TS2339: Property does not exist on type 'CombinedVueInstance<Vue, unknown, unknown, unknown, Readonly<{ ... }>>'。 查了一些资料之后，发现是因...
（typescript）Property ‘$el‘ does not exist on type ‘Vue | Element | Vue[] | Element[]‘.
浅笑如伤的博客
02-16 1530
Property '$el' does not exist on type 'Vue | Element | Vue[] | Element[]'. Property '$el' does not exist on type 'Element' vue 使用 typescript 报错 this.$refs.orderTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] 改为 (t...
vue报错：**Property ‘xxxx‘ does not exist on type ‘xxxx‘**
qq_43510829的博客
04-07 1万+
解决：首先检查是不是没有这个属性，如果确定所有变量引用都没问题，直接忽视就好了 原因：比如变量 a 有个属性 b，但是 a（数据）是可能是从后端或者从别的文件传过来的，在该文件下 vscode 无法查找到 a.b，则会显示有问题，但页面会正常显示，无伤大雅，如果没有正常显示那一定是某处出问题了 小提示：如果是后端传数据，可以自己手动请求一遍数据（比如用 httpie 或者 postman），看看是否能返回数据或者返回的数据正常，以此来排除后端接口原因 如果觉得对你有帮助的话，点个赞呗~ 反正发文又不赚钱.
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
问题描述：
does not exist.解决/root/.Xauthority does not exist
06-18
解决/root/.Xauthority does not exist
Property 'validate' does not exist on type 'Vue | Element | Vue[] | Element[]'
qq_35257117的博客
06-10 1万+
环境： vue2.5.2+element-ui2.2.2 +TypeScript 位置： 在提交from 表单验证时 //在这开始报错 this.type = 'test' this.$refs['form'].validate(valid => { ... ... }) 错误信息： 分析原因： Property ‘validate’ does not exist on typ...
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
qq_43426246的博客
03-08 9912
Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type
Vue 问题记录
10年IT大头兵
03-23 368
问题描述 vue跳转页面报错，直接导致页面崩溃。百度了下找到原因了 vue.esm.js?a026:628 [Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘ob’ of undefined” warn @ vue.esm.js?a026:628 logError @ vue.esm.js?a026:1893 globalHandleError @ vue.esm.js?a026:1888 handleError @ vue.e
vue element-ui typescript tree报错 === Property 'getCheckedNodes' does not exist on type 'Element | E...
weixin_30737433的博客
08-29 786
import { Tree } from 'element-ui' const ref = <Tree>this.$refs.tree ref.getCheckedNodes() 转载于:https://www.cnblogs.com/cynthia-wuqian/p/11429794.html
对于VUE使用的一些填坑
热门推荐
weixin_44647865的博客
03-06 3万+
对于VUE使用的一些填坑 1、有时候出现某个组件样式出现变化又找不到原因 请避免使用head,footer,fonter,body这样的组件名字，这样会与一些自身存在的标签所重复，从而导致样式的改变 2、对于使用一些插件却又没有正确的使用 请仔细检查自己是否引入了插件，或者插件所需要的的环境是否安装好了 3、当路径不对查找不到该组件 请仔细检查该路径名称是否完全正确，是否是你需要引入组件的位置路径，往往就是你手写的路径错了才导致没有查找引入到 4、对于一些配置的错误 在你需要配置config的时候往往都是从
Property 'src' does not exist on type 'Element'.
04-01
This error typically occurs when TypeScript is unable to infer the type of an element in the DOM, and assumes it to be of type 'Element', which does not have a 'src' property. To resolve this error, you can either: 1. Use type assertion to tell TypeScript the type of the element: ``` const img = document.querySelector('img') as HTMLImageElement; img.src = 'path/to/image.png'; ``` 2. Use a more specific query selector that targets the element with the 'src' attribute: ``` const img = document.querySelector('img[src]') as HTMLImageElement; img.src = 'path/to/image.png'; ``` By using either of these methods, TypeScript will be able to infer the correct type of the element, and allow you to access its 'src' property without error.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值