canvas滚动 vue_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;});

},

});