收藏
回答

swiper显示过多

框架类型 问题类型 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个。


回答关注问题邀请回答
收藏

3 个回答

  • 黎😄
    黎😄
    2019-01-22


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

    2019-01-22
    有用 2
    回复
  • 成
    2019-01-22

     

    先 谢谢管凯旋

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

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

    2019-01-22
    有用
    回复
  • 管凯旋
    管凯旋
    2019-01-22

    是不是循环字符串了啊

    2019-01-22
    有用
    回复 3
    • 成
      2019-01-22

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

      2019-01-22
      回复
    • 管凯旋
      管凯旋
      2019-01-22回复

      你试试tstd.valuess呢?

      2019-01-22
      回复
    • 管凯旋
      管凯旋
      2019-01-22回复

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

      2019-01-22
      回复
登录 后发表内容