up-swiper组件问题

[moka12579]

问题描述

使用up-swiper组件，运行到微信小程序，提示 display-multiple-items 不能大于 swiper-item 数量

复现步骤 使用up-swiper组件

<up-swiper
        :list="state.list1"
        @click="swiperClick"
    ></up-swiper>

当list1为如下数据时，运行到微信小程序正常

[  
    'https://cdn.uviewui.com/uview/swiper/swiper1.png',  
    'https://cdn.uviewui.com/uview/swiper/swiper2.png',  
    'https://cdn.uviewui.com/uview/swiper/swiper3.png',  
]

但为如下数据时，运行到微信小程序就会提示display-multiple-items 不能大于 swiper-item 数量

[  
    {  
        image: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',  
        title: '昨夜星辰昨夜风，画楼西畔桂堂东',  
    },  
    {  
        image: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',  
        title: '身无彩凤双飞翼，心有灵犀一点通',  
    },  
    {  
        image: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',  
        title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳',  
    },  
]

预期行为 正常使用

截图

版本（请填写以下信息）： 微信开发工具1.06.2412050 调试基础库3.7.11 uview-plus 3.4.12 完整项目依赖

"dependencies": {
    "@alova/adapter-uniapp": "^2.0.11",
    "@alova/shared": "^1.1.2",
    "@dcloudio/uni-app": "3.0.0-4050720250324001",
    "@dcloudio/uni-app-harmony": "3.0.0-4050720250324001",
    "@dcloudio/uni-app-plus": "3.0.0-4050720250324001",
    "@dcloudio/uni-components": "3.0.0-4050720250324001",
    "@dcloudio/uni-h5": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-alipay": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-baidu": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-jd": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-kuaishou": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-lark": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-qq": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-toutiao": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-weixin": "3.0.0-4050720250324001",
    "@dcloudio/uni-mp-xhs": "3.0.0-4050720250324001",
    "@dcloudio/uni-quickapp-webview": "3.0.0-4050720250324001",
    "alova": "^3.2.10",
    "clipboard": "^2.0.11",
    "dayjs": "^1.11.13",
    "uview-plus": "3.4.12",
    "vue": "3.4.21",
    "vue-i18n": "9.14.4"
  },
  "devDependencies": {
    "@dcloudio/types": "3.4.14",
    "@dcloudio/uni-automator": "3.0.0-4050720250324001",
    "@dcloudio/uni-cli-shared": "3.0.0-4050720250324001",
    "@dcloudio/uni-stacktracey": "3.0.0-4050720250324001",
    "@dcloudio/vite-plugin-uni": "3.0.0-4050720250324001",
    "@vue/runtime-core": "3.5.13",
    "sass": "^1.63.2",
    "sass-loader": "^10.4.1",
    "vite": "5.2.8"
  }

[ijry]

看下演示是正常的，你是不是没指定keyName。

[moka12579]

看下演示是正常的，你是不是没指定keyName。

    <up-swiper
        :list="state.list1"
        @click="swiperClick"
        style="margin: 20rpx"
        keyName="image"
        showTitle
    ></up-swiper>

虽然显示正常，微信小程序还是会有提示

[渲染层错误] [Component] <swiper>: display-multiple-items 不能大于 swiper-item 数量(env: macOS,mp,1.06.2412050; lib: 3.6.6)

[ijry]

加个v-if，list加载完成再显示。