vue 使用 typescript ref中的方法找不到（uniapp 中使用 typescript ref）

最新推荐文章于 2024-04-08 19:38:21 发布
最新推荐文章于 2024-04-08 19:38:21 发布
阅读量2k 收藏
点赞数 2
分类专栏： vue typescript 文章标签： vue typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gll19910602/article/details/105216481
版权

在学习uniapp中 第一次使用了typescript ，然后使用了uniapp中的遮罩层组件Popup ,发现在调用组件的方法时报如下错误，说是方法找不到,但是很神奇的是在微信开发者工具中，没有任何问题：

后面经过查找资料发现,使用了typescript 后不能按照原有的写法来，必须先拿到对应的元素，定义其类型才可以拿到对应的方法，结果方法如下（vue中应该也是如此）：

小鱼尔呀
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Taro3-Vue3-Demo:taro3使用vue3进行开发
03-29
Taro3-Vue3-Demo // option Api data ( ) { return { res : [ ] , msg : "" , } ; } , created ( ) { this . getRes ( ) ; } , methods : { getRes : async function ( ) { this . res = await test ( ) ; } , } , setup ( ) { const res = ref ( [ ] ) ; const msg = ref ( "" ) ; const getRes = async ( ) => { const result = await test ( ) ;
TS，找不到名称“__dirname”。ts(2304)
CSDN for recording problems
02-21 1万+
解决方案： npm install --save-dev @types/node
uniapp中在onload用this.$refs获取不到值
m0_72822997的博客
03-19 524
解决办法：在onReady中调用this.$refs。onReady页面初次渲染时触发，此时Dom已经渲染完成，因此this.$refs可以正确获取到Dom或组件的引用。原因：因为onload是在页面加载时触发，此时可能Dom还未完全渲染，因此this.$refs可能还无法正确获取到Dom或组件的引用。
angular启动报错error TS2304: Cannot find name 'Exclude'
u013933829的博客
07-02 4851
解决办法：npm i -D @types/lodash@ts2.4
vue3+ts+vite 打包报错 TS2304: Cannot find name ‘xxx‘
qq_43592064的博客
11-23 1473
vue3+ts+vite 打包报错 TS2304: Cannot find name 'xxx'
TS 2304 Cannot find name “XXX”(文件声明)
热门推荐
长歌的博客
12-12 2万+
这是个在工作中遇到的问题，使用的是TS3版本。需要在TS的方法中引用另一个TS文件中的方法，不是特别大的项目，因此不支持import、export，也没有用webpack打包。看了文档里的TS文件声明，尝试写d.ts文件失败。之后发现2.0之后支持npm安装，然而又觉得要引入的文件功能简单，简单的说就是不想手动的将方法打成npm包又或者直白的说是觉得步骤繁琐，不想太多花费时间。 因此简单的想了想...
vue3 vscode no tsconfig与找不到名称“ref”。ts(2304)
hhbbeijing的专栏
10-08 1825
如题，这两个问题都与tsconfig的配置有关，先看下问题表现：
Cannot find name ‘ref‘.
weixin_51614564的博客
08-24 4334
从报错代码来看，这是一个ts错误，而且是找不到名称。我们可以把问题初步定位到没有将。配置文件中，所以typescript还不认识它们。然后项目在重新运行下，就正常了。
Vue+TypeScript项目中不识别this.$refs
godev的博客
08-01 1210
意思大致是`validate()`并不是`Vue`的方法，它只是你某个组件的方法。所以你需要把 `this.$refs.ruleForm` 显式标注为那个组件类型
关于uni-app使用v-for绑定动态ref后无法获取的解决办法
温壁
12-10 2517
上述代码的打印结果为一个空对象，即表示并没有获取到动态的ref元素，但如果我们将动态的ref改成静态写死的ref，又能够获取得到，所以我们可以排除是兼容性的问题，而考虑是界面元素渲染的时间问题，我们可以加上一个延迟获取。此时我们能够正确获取到所有的ref元素，得出结论就是，元素渲染需要时间，我们必须得等它渲染完成后才能进行获取ref，否则将获取不到，至于延迟多少，看自己的业务情况，这里只是给出问题所在及对应的解决方法。
vscode开发uniapp提示找不到uni名称，ts
qq_15006083的博客
11-26 7145
vscode开发uniapp提示找不到uni名称，ts vscode开发uniapp提示找不到uni名称，ts 解决方法如下，在项目里面安装uniapp语法提示插件，yarn add @types/uni-app -D 或者 npm i @types/uni-app -save-dev 这样写代码有了提示，还可以解决vscode提示找不到uni名称问题 ...
基于 Uniapp + Vue3 + Typescript 的移动端跨平台快速开发脚手架
02-27
Auto import 自动导入常用 API，无需显式 import { computed, ref } from 'vue' ESLint 支持保存自动代码格式化 Fastify 使用 fastify 作为 mock api husky Git 提交 hooks, 自动执行脚本 lint-staged 提交时仅...
vue-hooks-form:使用Vue Composition API构建表单
03-08
使用Vue composition API构建表单。 API不稳定，将来可能会更改。 文件 访问 。 安装 yarn add vue-hooks-form 特征 UI解耦：由于它不包含任何UI代码，因此可以轻松地与其他UI库集成。 易于采用：由于形式状态...
vue-use-switch-map:Vue合成，可让您使用从值到引用的函数来构成一个引用
05-17
S vue-use-switch-map 一个Vue 3组合包，可导出： useSwitchMap ，一个将ref与从值到ref的函数组成的函数useSwitchMapO ，一个将ref与从值到包含ref的对象的函数组成的函数该程序包用于将ref绑定到Vue合成功能，进而...
【JavaScript源代码】Vue3 + TypeScript 开发总结.docx
12-29
1 Vue 2 局限性2.2 Vue 3 如何解决Vue 2 局限三，Vue3 Composition Ap i3.1 关于 Composition Api3.2 什么时候使用Composition Api四，Composition Api 必备基础4.2 ref 创建响应式变量4.3 生命周期4.4 watch4.5 ...
error TS2304 Cannot find name Omit
每天进步一点就够了
06-12 1万+
写小程序 项目使用typescript构建，升级官方的api-typings库之后，编译报 error TS2304: Cannot find name 'Omit'. 虽然项目跑起来没问题，但是强迫症看起来难受，于是寻找解决办法，去官方issues下没有相关错误 最后在https://stackoverflow.com/questions/56440272/cannot-find-name-omit-in-typescript#找到了原因，于是升级项目ts为最新版本，然后tsc编译一样报错，明明已经是
unplugin-auto-import自动导入Eslint和Ts警告问题 找不到名称“ref”。ts(2304)
最新发布
weixin_44846945的博客
04-08 538
希望各位能顺利解决，以上是我整理出来的结果方案。
uni-app+vue3+ts 关于ref、toRef、reactive、toRefs的使用实例
E的小小地方
01-20 1485
给数据赋值使用state.XXX
Vue3中setup在script标签中ref获取不到子组件属性和方法
qq_54334713的博客
03-11 1810
vue3中使用ref获取不到子组件属性和方法
vue3中使用ref调用子组件export出的方法，用TypeScript怎么定义类型
03-01
在Vue3中使用`ref`调用子组件`export`出的方法，并用TypeScript定义类型，可以使用以下方式： 1. 在子组件中，使用`defineComponent`定义组件，并声明`setup`函数。将要`export`的方法定义为一个普通函数或者方法，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值