VUE检测屏幕窗口宽度发生变化

检测窗口宽度发生变化

mounted() {
    window.onresize = () => {
        return (() => {
            window.screenWidth = document.body.clientWidth;
            this.screenWidth = window.screenWidth;
        })()
    }
}

获取DOM元素的width

template.vue

<div ref="wrap"></div>

js

this.$nextTick(() => {
    let width = this.$refs.wrap.offsetWidth
})