老师，代码可以正常运行，但这处报红该怎么处理？

Question

Answer 1

张轩 2022-05-10 09:27:30

同学你好

可以加在 v-if 上

<img v-if="loaded && result" :src="result.message" >

亲测好用～

• 提问者 hehe纷扬 #1

  非常感谢！

• 璀璨华光 #2

  老师按照你这个写法会提示我类型“never”上不存在属性“message”，这个是为什么呢？

• 张轩 回复 璀璨华光 #3

  说明你在对应 result 的类型上有问题，如果可以的话，请提供源代码我帮你看看

Answer 2

张轩 2022-05-09 10:23:09

同学你好 现在新版的 volar 在标签上也可以有 ts 提示，这里 result 应该是个联合类型，有可能是 null 类型，所以要先判断它存在然后再取值，比如说这样改成这样 result && result.message

• 提问者 hehe纷扬 #1

  老师，我试了下可选链操作符result?.message也没报错了，这种写法可以吗

• 张轩 回复 提问者 hehe纷扬 #2

  可以的 是一个意思

• 提问者 hehe纷扬 回复 张轩 #3

  老师，我按你的写法后，原先的报红解决了，但:src上又出现了一个新的错误：不能将类型“string | null”分配给类型“string | undefined”