工作中遇到的小问题系列(一)

工作中遇到的小问题

1、在vue3中，ref获取dom为null

vue3中使用ref获取dom是非常常用的手法，但我们经常会遇到为null的情况，这实际是生命周期的缘故，众所周知，setup相当于vue2中的created，在这个时候dom还没有完全创建，此时使用可以在onMounted中使用

2、IOS端，我们对于时间的计算经常会报错

原因是因为ios对new Date()有严格的要求：

const date = new Date("2020-08-08 00:00") // date会返回valid Date

正确应该写为

const date = new Date("2020/08/08 00:00")

3、父组件给子组件传递参数时，第一次打开不起效果，第二次正常

这个问题经常出现于，父组件需要异步调用接口，获取到相关值后再传递给子组件，此时子组件已经渲染，所以第一次打开并没有效果。
解决方法：可以在子组件增加watch对参数进行监控，一旦有值，立刻渲染。