scroll-view中放入多张图片
时间: 2024-01-03 20:20:16 浏览: 26
可以在scroll-view中放入多张图片,只需要在scroll-view标签内部使用v-for循环渲染即可。具体实现方法如下:
```
<scroll-view scroll-x>
<view v-for="(item, index) in imgList" :key="index">
<image :src="item"></image>
</view>
</scroll-view>
```
其中,imgList是一个包含多张图片链接的数组,使用v-for循环渲染每一张图片。scroll-x属性表示横向滚动,如果需要纵向滚动则使用scroll-y属性。
相关问题
scroll-view内部放scroll-view
scroll-view内部放scroll-view是不被支持的,因为scroll-view的滚动是基于手势的,而scroll-view内部再放一个scroll-view会导致手势冲突,无法正常滚动。如果需要实现类似的效果,可以考虑使用嵌套的view来代替scroll-view。具体实现可以参考引用中介绍的微信小程序完美解决scroll-view高度自适应问题的方法。
微信小程序scroll-view scroll-into-view
微信小程序中的 scroll-view 组件可以实现滚动视图的效果,而 scroll-into-view 属性可以让指定的某个子组件滚动到视图中。当 scroll-into-view 的值为某个子组件的 id 时,该子组件就会滚动到 scroll-view 的顶部或底部,具体取决于该子组件在 scroll-view 中的位置。
例如,以下代码可以让 id 为 "item-5" 的子组件滚动到 scroll-view 的顶部:
```
<scroll-view scroll-into-view="item-5">
<view id="item-1">...</view>
<view id="item-2">...</view>
<view id="item-3">...</view>
<view id="item-4">...</view>
<view id="item-5">...</view>
<view id="item-6">...</view>
<view id="item-7">...</view>
</scroll-view>
```