特洛伊
特洛伊
  • 发布:2018-08-31 14:16
  • 更新:2018-08-31 14:16
  • 阅读:4875

解决Vue和mui组件(包括scroll和上拉下拉刷新)的冲突

分类:HTML5+

由于Vue是异步渲染,所以我们必须把mui的组件再dom更新完成后再初始化,具体怎么操作呢:
1/在plusready之外实例化vue!

var vm = new Vue({.....});  
mui.plusReady(function(){  
......  
});

2/在vue渲染完成dom后再实例化mui组件:
如:

mui.ajax(url,......success:function(data){  
  vm.list = data.list;  
  vm.$nextTick(function () {  
    //初始化轮播组件  
    gallery = mui('.mui-slider');  
    gallery.slider();   
    var deceleration = mui.os.ios?0.003:0.0009;  
    //初始化滚动组件  
    mui('.mui-scroll-wrapper').scroll({  
        bounce: true,  
        indicators: false, //是否显示滚动条  
        deceleration:deceleration  
    });  
});
3 关注 分享
k***@youplay.cn 3***@qq.com 1***@163.com

要回复文章请先登录注册