vue监听屏幕大小问题

mounted: function() {
			
		},
		updated:function(){
			var _this = this
			console.log(window)
			window.onresize = function(){//须要注意做用域的问题 方法内this是window对象
				let windowWidth=document.body.clientWidth
				if(windowWidth>650){
					_this.isShowBar = false
				}
			}
		},

直接用this是没法改变data里的数据的,由于做用域不一样this

mounted: function() {//实时生效
			
		},
		updated:function(){//更改data后生效
			window.onresize = function(){//须要注意做用域的问题 方法内this是window对象
				let windowWidth=document.body.clientWidth
				if(windowWidth>650){
					this.isShowBar = false//错误示范
				}
			}
		},
相关文章
相关标签/搜索