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

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

获取不到dom元素:

最后查资料发现:

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

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

另外的办法说明:

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

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

相关推荐

  1. Vue3: 获取元素DOM方法

    2023-12-15 07:36:03       20 阅读
  2. UniappVue3 小程序 获取页面dom 方法

    2023-12-15 07:36:03       22 阅读
  3. vue项目获取 iframe 中DOM元素

    2023-12-15 07:36:03       34 阅读
  4. vue3项目中使用getCurrentInstance获取实例和dom问题

    2023-12-15 07:36:03       11 阅读
  5. 获取页面标签元素dom方法

    2023-12-15 07:36:03       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-15 07:36:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-15 07:36:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-15 07:36:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-15 07:36:03       18 阅读

热门阅读

  1. Spring Boot 框架是如何运行和部署的?

    2023-12-15 07:36:03       40 阅读
  2. C++学习-2023/12/14-C++类和对象

    2023-12-15 07:36:03       32 阅读
  3. 计算机网络——习题——书上原题

    2023-12-15 07:36:03       24 阅读
  4. H3CIE_IS专题

    2023-12-15 07:36:03       28 阅读
  5. Android 13 - Media框架(22)- ACodec(四)

    2023-12-15 07:36:03       83 阅读
  6. bootstrap是什么

    2023-12-15 07:36:03       36 阅读
  7. Shell 中的 ${} 和 $() 的区别

    2023-12-15 07:36:03       27 阅读
  8. C++某张不知名试卷

    2023-12-15 07:36:03       35 阅读
  9. el-upload添加FormData参数,自定义上传接口

    2023-12-15 07:36:03       34 阅读