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

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

获取不到dom元素:

最后查资料发现:

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

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

另外的办法说明:

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

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

相关推荐
一字白首1 分钟前
Vue 进阶,指令补充 + computed+watch
前端·javascript·vue.js
一路向前的月光2 分钟前
Uniapp实现钉钉小程序前期基础配置
uni-app·钉钉
暮之沧蓝2 分钟前
React(18-19)总结
前端·react.js·前端框架
HIT_Weston6 分钟前
50、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 单/多线程分析(二)
前端·ubuntu·gitlab
我太想进步了C~~7 分钟前
Prompt Design(提示词工程)入门级了解
前端·人工智能·算法
crary,记忆7 分钟前
如何理解 React的UI渲染
前端·react.js·ui·前端框架
苏打水com9 分钟前
Day1-3 夯实基础:HTML 语义化 + CSS 布局实战(对标职场 “页面结构搭建” 核心需求)
前端·css·html·js
m0_7400437311 分钟前
mapState —— Vuex 语法糖
java·前端·javascript·vue.js
哟哟耶耶12 分钟前
WebPage-postcss-px-to-viewport前端适配
前端·javascript·postcss
2501_9151063212 分钟前
iPhone 耗电异常全面诊断指南,构建多工具协同的电量分析与优化体系
android·ios·小程序·https·uni-app·iphone·webview