vue3+TS报错:不能将类型“unknown”分配给类型“string”(TS)

2024-01-10 01:02:03 作者:欧亿体育

 问题描述

vue3 + TS 项目中,编写路由文件使用 路由守卫 更改页面标题报错



 问题原因

TS 有更严格的代码检查,当赋值的变量类型不正确时即报错,可以将鼠标移动到变量上查看类型

可以清楚看到 两个类型,一个是 string ,一个是 unknown ,故报错

 



解决方法

可以通过类型断言 或者 类型判断 进行处理 (两种方法选其一)

 类型断言

类型断言,可以用来告诉解析器变量的实际类型

document.title = to.meta.title as string;

类型判断

  if (typeof (to.meta?.title) === 'string') {
     document.title = to.meta.title;
  }

文章如有错误,恳请大家提出问题,本人不胜感激 。 不懂的地方可以评论,我都会 一 一 回复

文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力     长路漫漫,道阻且长

在线咨询 拨打电话

电话

010-67916526

微信二维码

微信二维码