[ Vue-ts-错误 ] Property '$router|$store' does not exist on type Vue

最新推荐文章于 2024-05-07 17:40:35 发布
最新推荐文章于 2024-05-07 17:40:35 发布
阅读量5.7k 收藏 3
点赞数 1
文章标签： javascript python ViewUI
原文链接：https://my.oschina.net/u/3060934/blog/1563209
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

项目想引进 typescript ，终于在DEMO 中 把其他东西配好了

但是实际使用的时候，发现在组件里面使用 this.$router 的时候报错

说 这个组件 没有这个属性

151251_BA4E_3060934.png

151332_syZH_3060934.png

然后我发现 有两种 解决办法，但是我无法说明这是为什么

  1. 把 this.$router 改成 this["$router"]，这么写就不会报错了
  2. 在 组件中 提前声明 $router 这个东西，然后直接使用 this.$router 就不会报错了

    151606_uOwY_3060934.png

 

转载于:https://my.oschina.net/u/3060934/blog/1563209

weixin_34044273
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验
05-28
VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...
解决vue.js this.$router.push无效的问题
10-18
今天小编就为大家分享一篇解决vue.js this.$router.push无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue+typescript中，方法里调用this.$router 报错
weixin_43430298的博客
08-23 1475
created(){ let router:any=this.$router console.log(router.options.routers) } 然后在shims-vue.d.ts文件中添加如下代码： declare module '*.vue' { import Vue from 'vue'; export default Vue; }; import VueRouter from 'vue-router'; import {Route} from 'vue-rou..
关于vue3在ts文件中使用vue-router的问题
最新发布
lth002的博客
05-07 404
在ts文件中，使用了useRouter来进行页面跳转，但是结果却是undifend根本原因是这种写法只能用于setup，不能用于hooks里面，所以报错。
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
qq_43426246的博客
03-08 1万+
Vue3 与 vue2 Router中的使用，以及 Property 'xxx' does not exist on type
Property ‘$URL‘ does not exist on type ‘{ $: ComponentInternalInstance； $data: {}；
u010351326的专栏
12-23 3570
Property '$URL' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial & Omit
ts：报错Property xxx does not exist on type
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
06-01 6589
1、把 this.$router 改为 this['$router'] 2、对类型进行补充，修改文件vue-shim.d.ts
TS快速入门
徐同保的专栏
04-15 5617
一、装包 装包： yarn global add typescript 检查版本： tsc -V
Vue-Router的使用方法
12-11
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home...
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vuex-router-sync：轻松保持vue-router和vuex存储同步
02-06
Vuex路由器同步 同步Vue路由器当前的$route作为Vuex存储状态的一部分... 2.0:npm install vuex-router-sync@2 import { sync } from 'vuex-router-sync'import store from './store' // vuex store instanceimport rout
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。 如果您想成为赞助商，请考虑：...
OC 中property的使用
11-08 415
property在使用的时候需要在其前面加上@符号，需要将其写在类的头文件中 当在定义一个对象的属性变量时，例如定义一个Person类中的name属性，可定义为： @property (nonatomic, strong) NSString *name; 当在定义C语言的基础变量时，可定义为： @property (nonatomic, assign) NSIntegar; 其中property有三个功能： 1.声明一个名为_name的成员变量 2.包含set方法 3.包含get方法 @prope...
TS如何解决属性在另一个类型中不存在的问题？
拯救世界的光太郎
12-28 5665
TS 在遇到以下这些条件语句时，会在语句的块级作用域内「收紧」变量的类型，这种类型推断的行为称作类型守卫 (Type Guard)。=、!==（这里列举常用的 4 种）类型守卫可以帮助我们在块级作用域中获得更为精确的变量类型这里就可以通过判断 animal 中是否存在 meow 属性，来确定变量是否为 Cat 类型的对象let call;// 鼠标放到 animal 上，可以看到类型被限定为 Cat } else {
Vue3 + Vite + Ts 报错：Property ‘ ‘ does not exist on type ‘never‘
A88552211的博客
04-24 1万+
报错代码显示： src/views/Classfy/index.vue:13:20 - error TS2339: Property 'name' does not exist on type 'never'. 13 <p>{{ item.name }}</p> ~~~~ src/views/Classfy/index.vue:14:32 - error TS2339: Property 'icon' does
关于“TypeError: Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘
热门推荐
qq_40856292的博客
04-18 1万+
关于使用饿了么表格渲染第一次遇到这么个问题 巨大深坑.... 一开始我以为是vue里面出错拿到数据做json转换的时候出错了 然后我有道翻译一下： [Vue warn]:渲染错误:“TypeError:将循环结构转换为JSON ——>从构造函数'Vue'的对象开始 |属性'$options' ->对象与构造函数' object ' |属性'router' ->对象的构造函数'VueRouter' ——property 'app'结束了这个循环 越看越懵逼... 好了不哔哔
完美解决：Property ‘XXX‘ does not exist on type ‘Window‘
web_ding的博客
04-20 1万+
发生情景： 在app中的h5,app注入了全局的window对象和webview里面的页面交互，打包的时候报了错误。 解决方式： 方法一： (window as any).xxx 方法二： declare global { interface Window { xxx: any; } } window.xxx= window.xxx|| {}; 方法三： interface MyWindow extends Window { xxx(): void; } decl

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值