mui 使用vue渲染数据后 ，轮播图是正常的，页面不能上下滚动。

js代码如下:

var app = new Vue({
el: '#offCanvasWrapper',
data: {
'images':[{imgUrl:''}],
'last' :"",
'hots':[{imgUrl:''}],
'news':[]
},
watch:{
news:function(){
}
},
created: function () {
},
mounted:function(){
var vm = this;
mui.getJSON(api.testUrl,{a:'ads1'},function(data){
if(data.result){
vm.images = data.ads;

                }  
            }  
        );  
        mui.getJSON(api.testUrl,{a:'ads5'},function(data){  
                if(data.result){  
                    vm.hots = data.ads;  
                }  
            }  
        );  
        mui.getJSON(api.testUrl,{a:'news'},function(data){  
                if(data.result){  
                    vm.news = data.rows;  
                }  
            }  
        );  
    },  
    methods:{  
        firstImage:function(value, key){  
            if(key == 0){  
                this.last = value.imgUrl;  
            }  
            return true;  
        }  
    },  
    updated: function() {  

        mui.init({  
            swipeBack: true //启用右滑关闭功能  
        });  
        var slider = mui(".ben-slider");  
        slider.slider({  
            interval: 2000  
        });  

        //主界面和侧滑菜单界面均支持区域滚动；  
        mui('#offCanvasSideScroll').scroll(  
        );  
        mui('#offCanvasContentScroll').scroll();  

        //mui('#offCanvasContentScroll').scroll({  
        //  scrollY: true, //是否竖向滚动  
        //  deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏  
        //  
        //});  

        //解决 所有a标签 导航不能跳转页面  
        mui('body').on('tap','a',function(){document.location.href=this.href;});  
    },  

});