vue实时监听屏幕的宽度和移除监听

window.addEventListener( "事件名" , ( )=>{ } );:添加监听事件;

window.removeEventListener( "事件名" , ( )=>{ } );:移出监听事件;

第一步:在data里定义宽度

cl_w: document.documentElement.clientWidth || document.body.clientWidth

 第二步:在mounted里添加resize监听事件

window.addEventListener("resize",() => {
    return (() => {
        this.cl_w = document.documentElement.clientWidth || document.body.clientWidth; 
    })()
});

  第三步:在beforeDestroy里移出resize监听事件

window.removeEventListener("resize",() => {
    return (() => {
        this.cl_w = document.documentElement.clientWidth || document.body.clientWidth; 
    })()
});

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