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>

完成

上一篇:基于vue3+ts+electron搭建桌面端开发框架


下一篇:rabbit-vue3-ts-小兔鲜儿2022新版-系列开篇