收藏
回答

swiper显示过多

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug swiper 工具 6.5.3 2.2.5

开发工具模拟器,我不知道微信应该是什么版本。


数据:

tstd: {

      keys: ['k1', 'k2'],

      valuess: [

        [

          { pic:'https://7465-test-b4d6da-1258259003.tcb.qcloud.la/1/ques1.png?sign=1d5d7059f6c2d66104142a6c35657000&t=1546570793'},

          { pic: 'https://7465-test-b4d6da-1258259003.tcb.qcloud.la/1/ques1.png?sign=1d5d7059f6c2d66104142a6c35657000&t=1546570793' }

        ],

        [{ pic: 'https://7465-test-b4d6da-1258259003.tcb.qcloud.la/1/ques1.png?sign=1d5d7059f6c2d66104142a6c35657000&t=1546570793' }]

      ],

      length: 2

    },


wxml:

<swiper class='slider' indicator-dots='true' style='height:{{sliderHeight}}px' current='0'>

    <block wx:for='tstd.valuess[0].length'>

        <swiper-item>

        <text>{{tstd.valuess[0].length}}</text>

          <image class='sliderImage' src='{{tstd.valuess[0][index].pic}}' mode='aspectFit'/>

        </swiper-item>

      </block>

    </swiper>

或者


<block wx:for='tstd.valuess[0]'>

        <swiper-item>

        <text>{{index}}</text>

          <image class='sliderImage' src='{{item.pic}}' mode='aspectFit'/>

        </swiper-item>

      </block>



蓝线这里,太多的swiper-item了,哪里来的呢?一共22个。


最后一次编辑于  01-22  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 黎😄
    黎😄
    01-22


    tstd.valuess[0].length 刚好22个字符。请使用{{tstd.valuess[0].length}}

    01-22
    赞同 2
    回复
  • 随风挥手
    随风挥手
    01-22

     

    先 谢谢管凯旋

    发现原因了,一个低级错误,for里面没有{{ }}。太丢人了。

    发现黎😄指出了问题,一并感谢!

    01-22
    赞同
    回复
  • 管凯旋
    管凯旋
    01-22

    是不是循环字符串了啊

    01-22
    赞同
    回复 3
    • 随风挥手
      随风挥手
      01-22

      tstd.valuess[0]本身是个数组,2个元素,应该循环2次才对

      01-22
      回复
    • 管凯旋
      管凯旋
      01-22回复随风挥手

      你试试tstd.valuess呢?

      01-22
      回复
    • 管凯旋
      管凯旋
      01-22回复随风挥手

      给个代码片段吧,这看的很乱

      01-22
      回复