- 首先我在项目中用这样一个需求,根据客户端屏幕尺寸动态计算主体区域的高度
仔细一看原来是我将getElementById
用在了created()钩子函数中,这时Vue尚未完成挂载也就不能通过getElementById
获取Dom元素,故而控制台打印null
找到原因之后我将上述代码迁移到mounted()
钩子函数中,这时控制台打印出正确结果
虽然问题找到了,但是页面的渲染结果卻不能满足我的需求还得继续寻找办法。
本次bug主要是两个方面导致
- 一是习惯性的在created钩子函数中处理业务逻辑
- 二主要还是对Vue的生命周期鈈够熟悉,犯了迷糊
对Vue生命周期还不熟悉的同学请点此传送: