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

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

获取不到dom元素:

最后查资料发现:

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

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

另外的办法说明:

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

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

相关推荐
我命由我123451 分钟前
React - React Redux 数据共享、Redux DevTools、React Redux 最终优化
前端·javascript·react.js·前端框架·ecmascript·html5·js
英俊潇洒美少年1 分钟前
数据驱动视图 vue和react对比
javascript·vue.js·react.js
Jinuss2 分钟前
源码分析之React中的createContext/useContext详解
前端·javascript·react.js
代码搬运媛4 分钟前
幽灵依赖终结者:pnpm 的 node_modules 结构隔离深度解析
前端
不喝水的鱼儿9 分钟前
KT Qwen3.5-35B-A3B 记录
java·前端·python
AnalogElectronic12 分钟前
uniapp学习7,美团闪购生鲜蔬菜商家详情页
javascript·学习·uni-app
切糕师学AI19 分钟前
深入解析前端页面在 Safari 与 Chrome 浏览器中的差异及解决方案
前端·chrome·safari
琪伦的工具库20 分钟前
在自动化部署流程中集成视频转GIF:工具选型与参数调优
javascript·自动化·音视频
AnalogElectronic23 分钟前
uniapp学习4,简易记事本2.0
学习·uni-app
fengtangjiang23 分钟前
tomcat和国产web中间件区别和联系
前端·中间件·tomcat