vue使用组件后无法检测到屏幕宽度变化

vue使用组件时无法检测到屏幕宽度

今天在做自适应页面的时候，遇到一个问题。我在使用Element-UI来写前端的时候，使用了element ui中的抽屉组件。在浏览器调试的时候，控制台正常输出屏幕宽度，但是在使用组件以后，控制台便不再输出屏幕的宽度了。这是由于在调用的那个组件里面也使用了：

document.body.clientWidth;

来获取屏幕宽度，调用子组件的时候，便在子组件执行这段代码，父组件便不再执行这段代码。所以解决办法就是在父组件中监听屏幕的宽度，然后再把获取到的值发给子组件就可以了，子组件就不需要自己在另外定义。