ts+v3 报错 Property 'title' does not exist on type 'never'

使用TypeScript开发 vue3 项目,开发中用for循环渲染UI时,出现这个错误是因为Typescript在执行代码检查时在该对象没有定义相应属性。

我们可以通过字符方式获取对象属性

复制代码
<el-collapse v-model="activeName" :accordion="accordion">
        <el-collapse-item
          :title="item['title']"
          :name="index + 1"
          v-for="(item, index) in state.imgList"
          :key="index"
        >
          <div class="img" v-for="(item2, index2) in item['list']" :key="index2">
            <img :src="item2" :title="`${item2}号图片暂时无法展示`" alt="" />
            <div class="text mt-5">
              {{ item2 }}
              <badge
                class="ml-5"
                bgColor="rgb(166, 177, 246)"
                text="复制"
                @click="copyImgAddress(item2)"
              ></badge>
            </div>
          </div>
        </el-collapse-item>
      </el-collapse>
复制代码

完成

posted @   花开丶良人归  阅读(2406)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示