Object is possibly 'undefined'.ts

来源：10-3 修改文章编码第二部分 - 改进 ValidateInput 组件

Oyxiaoxi

2022-04-05

<template #uploaded=">
  <div class="uploaded-area">
    <img :src="dataProps.uploadedData.data.url">
    <h3>点击重新上传</h3>
  </div>
</template>

const dataProps: {
    uploadedData: {
        [x: string]: any;
    } | undefined;
}

图片描述

写回答

1回答

张轩

2022-04-06

已采纳

同学你好

这个是 template 上面报错来的类型错误（ts错误），不影响程序运行，可以使用类型守护先判断 dataProps.uploadedData 存在，然后再取值，最新的代码已经修复这个问题，如下：

<img :src="dataProps.uploadedData && dataProps.uploadedData.data.url">

Oyxiaoxi

非常感谢！

2022-04-06

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 1

回答 1

回答 3

关于TS

回答 1