SachinYe 2023-01-20 17:48 采纳率: 100%
浏览 323
已结题

uniapp项目vue3 ts编译时报错,绑定元素“item”隐式具有“any”类型,如何解决?

编译时报错不明白问题出在哪里
绑定元素“item”隐式具有“any”类型

img


img

<template>
    <view class="content">
        <swiper
            v-if="swiperList"
            :indicator-dots="true"
            :autoplay="true"
            :interval="3000"
            :duration="1000"
            :circular="true">
            <swiper-item
                v-for="item in swiperList"
                :key="item.goods_id">
                <image
                    mode="aspectFill"
                    :src="{{item.image_src}}"></image>
            </swiper-item>
        </swiper>
    </view>
</template>

<script setup lang="ts">
import { onLoad } from "@dcloudio/uni-app";
import { ref } from "vue";
const swiperList = ref([{ image_src: "", goods_id: "1" }]);
onLoad(async () => {
    const res = await uni.request({ url: "https://www.uinav.com/api/public/v1/home/swiperdata" });
    swiperList.value = res.data.message;
    console.log(swiperList.value);
});
</script>

<style>
</style>

源码地址
https://gitee.com/sachin-ye/uni-app-ts

  • 写回答

2条回答 默认 最新

  • 快撑死的鱼 2023-01-21 00:48
    关注
    • 这个错误是因为 TypeScript 在编译时无法确定 item 的类型。在这种情况下,可以使用 TypeScript 的类型推断功能来确定 item 的类型。

    • 可以在 script 标签上定义一个 interface 来描述 item 的结构,然后在 v-for 循环中使用该 interface 类型,并将 item 的类型设置为这个 interface,如下:

    interface Item {
        image_src: string;
        goods_id: string;
    }
    
    const swiperList = ref<Item[]>([]);
    onLoad(async () => {
        const res = await uni.request({ url: "https://www.uinav.com/api/public/v1/home/swiperdata" });
        swiperList.value = res.data.message;
        console.log(swiperList.value);
    });
    

    另外,在template中,src应该使用:src="item.image_src"而不是:src="{{item.image_src}}",因为第二种方式是vue1.0的写法。

    这样就能解决编译时报错问题。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月29日
  • 已采纳回答 1月21日
  • 修改了问题 1月20日
  • 创建了问题 1月20日

悬赏问题

  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来
  • ¥15 完成虚拟机环境配置,还有安装kettle
  • ¥15 2024年全国大学生数据分析大赛A题:直播带货与电商产品的大数据分析 问题5. 请设计一份优惠券的投放策略,需要考虑优惠券的数量、优惠券的金额、投放时间段和投放商品种类等因素。求具体的python代码
  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗
  • ¥15 用matlab写代码
  • ¥30 motoradmin系统的多对多配置
  • ¥15 求组态王串口自定义通信配置方法或代码?
  • ¥15 实验 :UML2.0 结构建模
  • ¥20 用vivado写数字逻辑实验报告撰写,FPGA实验