cato
cato
  • 发布:2018-08-15 12:20
  • 更新:2018-12-15 10:15
  • 阅读:2433

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

分类:MUI

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;});  
	},  

});  
2018-08-15 12:20 负责人:无 分享
已邀请:
流星i宇

流星i宇

我也是这个问题,兄弟解决了没,求解答

该问题目前已经被锁定, 无法添加新回复