码迷,mamicode.com
首页 > 其他好文 > 详细

better-scroll 网络数据过慢,不能滚动问题

时间:2020-12-08 12:24:42      阅读:4      评论:0      收藏:0      [点我收藏+]

标签:eth   没有   show   load   ons   tor   添加   解决方法   图片   

1、原因:

网络比较慢,请求的图片比较多,,导致图像的高度没有实际的显示,因此better-scroll计算不上图像的高度,因此导致BScroll无法正常滚动。

2、解决方法 一

在vuex定一个变量,给加载的图片添加load事件,每一次加载完成后改变vuex中的变量,在页面中监听vuex中该变量的变化,每一次变化都执行this.$refs.scroll.refresh()

代码:

1、vuex

 state: {
    itemImgLoad:0
  },
  mutations: {
    setItemImgLoad(state){
      state.itemImgLoad=state.itemImgLoad+1
    }
  },

 

2、图片组件

 <img :src="goodsItem.show.img"  @load="imgLoad">
  methods:{
      imgLoad(){
        this.$store.commit(‘setItemImgLoad‘);
      }
   }

3、父页面

 computed: {
      watchVuex() {
        return this.$store.state.itemImgLoad;
      }
 },

watch: {
      // 监听vuex(数据变化)
      watchVuex() {
        // 重新渲染
        this.$refs.scroll.refresh();
      }
},

 

better-scroll 网络数据过慢,不能滚动问题

标签:eth   没有   show   load   ons   tor   添加   解决方法   图片   

原文地址:https://www.cnblogs.com/hellowoeld/p/14082315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!