uniapp使用vue3的ref获取dom元素出现undefined

在我的代码里面,已经通过ref来定义想要获取的dom了,但是最后在页面渲染完之后,打印这个dom发现竟然是undefined:

获取不到dom元素:

最后查资料发现:

小程序中,uniapp的ref要绑定在子组件中才能被获取,如果绑定在view,是获取不了的,你得把业务写在一个组件来引用才行。h5则没有这种情况。

暂时没有好的解决办法,因为我用到了html2canvas这个依赖包,需要将页面转化为一张图片保存,那么微信小程序获取不到dom元素,就只能使用另外的办法。

另外的办法说明:

1.单独部署一个h5页面,然后在h5页面中生成图片,并将图片存储到服务器中,然后返回给下载地址。

2.本地自己使用canvas画一个你需要的图片,但是难度估计非常大

相关推荐
道友可好14 分钟前
用 Linter 驾驭 AI:机械化执行的艺术
前端·人工智能·后端
qq_2299331315 分钟前
uniapp踩坑-组件嵌套子组件不触发onReachBottom事件
uni-app
流浪码农~19 分钟前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
jason_yang22 分钟前
刚发版就背锅?前端版本控制就靠他version-rocket
前端
如果超人不会飞25 分钟前
TinyVue NavMenu导航菜单组件使用指南
前端·vue.js
Jason_chen27 分钟前
Linux 3.0 串口机制深度解析:传统8250驱动与基础RS-232/485支持
linux·前端
TPBoreas30 分钟前
前端面试问题打靶
前端
赵庆明老师31 分钟前
JS检查提交的文件是否合规
开发语言·前端·javascript
禅思院37 分钟前
前端请求取消与调度完全指南:从 AbortController 到企业级优先级架构
前端·设计模式·前端框架
颂love1 小时前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript