老师你好！关于类型断言。

Question

请看图。这是我从你那个提交里下的代码。

也是报错的。

请问这种情况要怎么处理？

还有就是一些关于函数的问题。写返回any的话eslint也容易报提示。

Answer 1

张轩 2022-02-05 09:54:34

同学你好

这个问题在代码是有解决的 请看提交 https://git.imooc.com/coding-449/zheye/src/master/src/components/PostList.vue#L7

在这里因为我们的类型是联合类型，string 或者 ImageProps，只有 ImageProps 的时候才有 fitUrl 属性，所以我们要使用 type guard 将它的类型缩小，所以就有了如上的代码。

函数返回的 eslint 错误请看这个回答，写的很清楚：https://coding.imooc.com/learn/questiondetail/GzLgVXkWGveXkWxb.html

关闭 eslintrc 的规则可以参看文档：https://eslint.org/docs/user-guide/configuring/rules#configuring-rules

• 提问者 慕仰2537301 #1

  非常感谢！

• 提问者 慕仰2537301 #2

  老师你好！我也尝试过你的写法。但是vscode虽然没报错，但还是现实挺奇怪的，仿佛不合理一样。

• 提问者 慕仰2537301 #3

  请看一下！我已经添加了新的图片。

Answer 2

张轩 2022-02-07 09:35:18

同学你好 看了你的回复 这个是你 IDE 的问题，显示的格式错落了，请问你使用的是什么 IDE？ 装的是什么 vue 的插件？

• 提问者 慕仰2537301 #1

  就是vscode啊。。装的就是老师你推荐的插件。

• 张轩 回复 提问者 慕仰2537301 #2

  同学你好 感觉是这个版本插件显示的问题，应该不影响最后的结果，还可以安装现在 vue3 新推荐的 volar 插件，比 vetur 好用一点，地址：https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar

• 提问者 慕仰2537301 回复 张轩 #3

  好的。