使用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>
完成