vue3中route的meta元素该如何自定义,ts的例子没有看懂,大佬在吗?

作者站长头像
站长
· 阅读数 6

我需要定义一个这样结构的 metavue3中route的meta元素该如何自定义,ts的例子没有看懂,大佬在吗?

ts提醒我这个地方的设值是不对的。vue3中route的meta元素该如何自定义,ts的例子没有看懂,大佬在吗?

这个地方写的例子我也试还是提示错误。vue3中route的meta元素该如何自定义,ts的例子没有看懂,大佬在吗?

vue3中route的meta元素该如何自定义,ts的例子没有看懂,大佬在吗?

随便问下,有时候这个vue插件 不显示组件,路由等都是正常显示,这是什鬼?vue3中route的meta元素该如何自定义,ts的例子没有看懂,大佬在吗?

回复
1个回答
avatar
test
2024-07-05

VueRouter 还是一如既往的,meta 信息是自定义的,所以你得自己写声明告诉TS你的类型 Interface: RouteMeta | Vue Router,比如说:

// typings.d.ts or router.ts
import 'vue-router';

declare module 'vue-router' {
  interface RouteMeta {
    requiresAuth?: boolean
  }
 }

第二个,Vue DevTools 不显示你的组件信息,这个目前来说还没遇到过,可能你是在项目内嵌套使用了 Vue ,例如说在ElectronJS 内或者搭配使用了 Laravel。简单检索了一下先确定为 Vue DevTools 打开了 允许访问文件网址 这个配置项(在Chrome 扩展管理中找到 Vue DevTools 点击详情就能看到),如果还不行可以借鉴这个问答 👉 Vue.js devtools not detected for a Chrome Extension build in Vue.js - Stack Overflow,或者确定你是运行的开发模式,而不是生产模式

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容