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

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

获取不到dom元素:

最后查资料发现:

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

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

另外的办法说明:

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

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

相关推荐
|晴 天|几秒前
前端安全入门:XSS 与 CSRF 的攻与防
前端·安全·xss
黛色正浓1 分钟前
【React】ReactRouter记账本案例实现
前端·react.js·前端框架
可爱又迷人的反派角色“yang”2 分钟前
Mysql数据库(一)
运维·服务器·前端·网络·数据库·mysql·nginx
Aerelin2 分钟前
爬虫图片采集(自动化)
开发语言·前端·javascript·爬虫·python·html
Highcharts.js2 分钟前
Renko Charts|金融图表之“砖形图”
java·前端·javascript·金融·highcharts·砖型图·砖形图
含若飞3 分钟前
列表弹窗实现方案整理
前端·javascript·vue.js
EB_Coder5 分钟前
2025前端面试题-JavaScript基础篇
前端·javascript·面试
shaohaoyongchuang8 分钟前
vue_05axios
前端·javascript·vue.js
f***14778 分钟前
Node.js npm 安装过程中 EBUSY 错误的分析与解决方案
前端·npm·node.js
IT_陈寒9 分钟前
React性能优化:5个90%开发者都会忽略的useEffect最佳实践
前端·人工智能·后端