Object is possibly 'undefined'.ts

Question

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

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

Answer 1

张轩 2022-04-06 10:05:32

同学你好

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

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

• 提问者 Oyxiaoxi #1

  非常感谢！