收藏
回答

为什么不显示<swiper>中的图片?

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 swiper 客户端 Android 6.1.1 1.0.0


按照官方的Demo直接copy的,我只是加了个wx:key,不加就报错,加了还是不显示图片,why?


1,控制台没有报错;

2,浏览器中可以访问到图片;


<swiper indicator-dots="{{indicatorDots}}"

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

<block wx:for="{{imgUrls}}" wx:key="imgUrlId">

<swiper-item>

<image src="{{item}}" class="slide-image" width="355" height="150"/>

swiper-item>

block>

swiper>



Page({
data: {
imgUrls: [
'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
],
indicatorDots: false,
autoplay: false,
interval: 5000,
duration: 1000
},
})


最后一次编辑于  2018-02-05
回答关注问题邀请回答
收藏

7 个回答

  • 林超
    林超
    2018-02-05

    你在控制台可以直接点击那个链接的呀

    2018-02-05
    赞同
    回复
  • 林超
    林超
    2018-02-05

    在工具的控制台中输入


    let a = 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'


    然后点击链接是否会显示图片?

    2018-02-05
    赞同
    回复
  • 林超
    林超
    2018-02-05

    1.看看控制台是否有报错

    2.试试直接在浏览器中能否访问到图片



    2018-02-05
    赞同
    回复
  • lithops
    lithops
    2018-02-05


    看一下截图

    2018-02-05
    赞同
    回复
  • lithops
    lithops
    2018-02-05

    let b='http://www.baidu.com'

    undefined

    控制台中不能链接出去,鼠标指针都没变,点了也没反应。

    2018-02-05
    赞同
    回复
  • lithops
    lithops
    2018-02-05

    let a = 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'

    undefined

    let a = 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'

    VM1286:1 Uncaught SyntaxError: Identifier 'a' has already been declared

        at <anonymous>:1:1

    (anonymous) @ VM1286:1


    第一次输入后undefined,第二次报错。

    不能链接的嘛

    2018-02-05
    赞同
    回复
  • lithops
    lithops
    2018-02-05

    控制台没有报错;

    浏览器中可以访问到图片;

    2018-02-05
    赞同
    回复