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

Posted 2022-02-21 花开丶良人归

使用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号图片暂时无法展示`"  />
            <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>

完成