使用Vue.js计算屏幕大小

使用Vue.js计算屏幕大小,vue.js,Vue.js,我正在尝试使用Vue获得屏幕大小 到现在为止我都有这个,但现在没有什么对我有用 data: () => ({ WindowsSize: '', methods: { elem() { this.size = window.innerWidth; return this.size; }, mounted() { if (this.elem < 767){ //some code } } }) 数据:()=>({ 窗口大小:“”, 方法:{ elem(){

我正在尝试使用Vue获得屏幕大小

到现在为止我都有这个,但现在没有什么对我有用

data: () => ({
WindowsSize: '',
 methods: {

 elem() {
  this.size = window.innerWidth;
  return this.size;
 },
 mounted() {
  if (this.elem < 767){ //some code }
  }
 })
数据:()=>({
窗口大小:“”,
方法:{
elem(){
this.size=window.innerWidth;
返回此.size;
},
安装的(){
如果(this.elem<767){//some code}
}
})
目标是使用my div显示和隐藏元素

<div v-if="WindowsSize== ''" />


通过某种方式获得am,搜索web到目前为止对我来说还不起作用

听起来你好像在试图根据屏幕宽度显示/隐藏元素。这就是 更简单的做法是:


...
/*默认情况下隐藏*/
.大{
显示:无;
}
/*屏幕宽度至少为600px时显示*/
@介质(最小宽度:600px){
.大{
显示:块;
}
}

听起来好像您试图根据屏幕宽度显示/隐藏元素。这 更简单的做法是:


...
/*默认情况下隐藏*/
.大{
显示:无;
}
/*屏幕宽度至少为600px时显示*/
@介质(最小宽度:600px){
.大{
显示:块;
}
}