微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

完成

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐