uniapp vue-seamlesss-croll组件第二次图片消失问题

sunyin.liu

于 2023-11-12 10:21:04 发布

阅读量491

点赞数

CC 4.0 BY-SA版权

分类专栏： uniapp 文章标签： vue.js uni-app javascript

本文链接：https://blog.csdn.net/weixin_42066070/article/details/134357743

uniapp 专栏收录该内容

24 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了在uni-app中使用vue-seamless-scroll组件时遇到的图片在滚动过程中第二次消失的问题，分析了原因并提供了解决方案，涉及vue.js、uni-app和javascript技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <vue-seamless-scroll :data="listData" class="warp" ref="seamlessScroll">
    <ul class="item">
      <li v-for="(item, index) in listData" :key="index">
        <span class="title" v-text="item.title"></span>
        <span class="date" v-text="item.date"></span>
        <image :src="item.image" />
      </li>
    </ul>
  </vue-seamless-scroll>
</template>

<script>
  import vueSeamlessScroll from 'vue-seamless-scroll'

  export default {
    name: 'Example10Basic',
    components: {
      vueSeamlessScroll
    },
    data () {
      return {
        listData: [{
          'title': '无缝滚动第一行无缝滚动第一行',
          'date': '2017-12-16',
          image: "http://new.brf