代码如下:
第一次访问网页时的结果:
刷新一次网页后:
展开section.el-container.home-container发现:
更为完整的代码如下:
更新:
原因大概找到了
Vue3官网有写:
关于 ref 注册时机的重要说明:因为 ref 本身是作为渲染函数的结果来创建的,必须等待组件挂载后才能对它进行访问。
this.$refs
也是非响应式的,因此你不应该尝试在模板中使用它来进行数据绑定。
我把$refs.xxx.$el.xxx放到updated里运行就能返回正确的结果了。不过为啥会返回300呢,不应该找不到结果吗。