android/ios <recycle-list>无法使用

新手上路,请多包涵

问题描述

直接使用官方demo,报错img都是undefined,ios同样报错?大家都是怎么使用<recycle-list>组件的

问题出现的环境背景及自己尝试过哪些方法

sdk:0.18.0

相关代码

<template>
<recycle-list for="(img, i) in images">

<cell-slot :key="i">
  <div>
    <text class="title" :value="i"></text>
    <image class="image" :src="img.src"></image>
  </div>
</cell-slot>

</recycle-list>
</template>

<script>
const dataset = [

{ type: 'picture', src: '//gw.alicdn.com/imgextra/TB2uQAFhb_I8KJjy1XaXXbsxpXa_!!89-0-lubanu.jpg_q50.jpg' },
{ type: 'picture', src: '//img.alicdn.com/simba/img/TB19heYdwn.PuJjSZFkSuw_lpXa.jpg_q50.jpg' },
{ type: 'picture', src: '//aecpm.alicdn.com/simba/img/TB14ab1KpXXXXclXFXXSutbFXXX.jpg_q50.jpg' },
{ type: 'picture', src: '//img.alicdn.com/imgextra/i1/174/TB2xzb0eOqAXuNjy1XdXXaYcVXa_!!174-0-luban.jpg_q50.jpg' },
{ type: 'picture', src: '//gw.alicdn.com/imgextra/TB27XSvg6nD8KJjSspbXXbbEXXa_!!12-0-lubanu.jpg_q50.jpg' },
{ type: 'picture', src: '//gw.alicdn.com/imgextra/TB2cF.xfTnI8KJjSszbXXb4KFXa_!!112-0-lubanu.jpg_q50.jpg' },
{ type: 'picture', src: '//gw.alicdn.com/imgextra/TB2ZweVg9_I8KJjy0FoXXaFnVXa_!!158-0-lubanu.jpg_q50.jpg' },
{ type: 'picture', src: '//gw.alicdn.com/imgextra/TB2O_AKctHO8KJjSZFtXXchfXXa_!!53-0-lubanu.jpg_q50.jpg' }

]
export default {

data () {
  let N = 10
  const images = []
  while (N--) {
    images.push(...dataset)
  }
  return { images }
}

}
</script>

<style scoped>
.title {

text-align: center;
font-size: 40px;
color: #888;
padding: 10px;
background-color: #EEE;

}
.image {

width: 750px;
height: 235px;

}
</style>

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 1.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进