vue页面表格自适应浏览器改变

页面添加此代码

//浏览器表格自适应显示
  created(){
    window.addEventListener('resize', this.initTableHeight); //注册监听器
  },
  destroyed(){
    window.removeEventListener('resize', this.initTableHeight);
  }

原理

  • addEventListener(event,function) 方法用于向指定元素添加事件句柄(事件发生时要进行的操作)。event 必须。字符串,指定事件名(dom事件,不加on)。 function 必须。指定要事件触发时执行的函数。
  • removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。
  • onresize 事件会在窗口或框架被调整大小时发生。

你可能感兴趣的:(vue,vue.js,javascript,前端)