无法在VueJS CLI中运行addEventListener（调整大小）以获取屏幕宽度

Question

我想在VueJS中为两个不同的屏幕尺寸生成两个html代码。我试图使用addEventListener来不断获取屏幕宽度，但我被卡住了。谁能帮忙？

这是我的代码：

export default{

    data() {
        return {
            currentWidth: 0,
            desktopView: true
        }
    },        

    method:{
         detectScreenWidth(event){
             this.currentWidth = window.innerWidth;
             console.log("currentWidth: "+this.currentWidth);
         }
    },

    created() {
        document.addEventListener('resize', this.detectScreenWidth );
    },

    beforeDestroy() {
        document.removeEventListener('resize', this.detectScreenWidth);
    }

}

Answer 1

您无法在window.document生命周期挂钩中使用created()，因为Vue实例尚未安装在DOM中。这可以在mounted()中完成。