1. 程式人生 > >vue 中獲取螢幕尺寸

vue 中獲取螢幕尺寸

data() {
      return {
        screenWidth: document.body.clientWidth, // 螢幕尺寸
      }
    },
// 鉤子函式
mounted () {
      const that = this
      window.onresize = () => {
        return (() => {
          window.screenWidth = document.body.clientWidth
          that.screenWidth = window.screenWidth
        })()
} }
window.onresize

是window的事件,只能繫結一次,對於VUE單頁面來說 最好這個寫在APP頁面,這樣只要這個事件觸發,就可以通過this.$refs找到其他元件,觸發其中的 適應螢幕的內容