uniapp canvas组件不展示Vue3

最新推荐文章于 2025-04-03 18:55:32 发布

Web995

最新推荐文章于 2025-04-03 18:55:32 发布

阅读量1.1k

点赞数 3

文章标签： uni-app vue.js javascript

本文链接：https://blog.youkuaiyun.com/Web995/article/details/126894224

版权

这篇博客探讨了在uniapp中使用canvas组件时遇到的一个问题，即当canvas作为Vue3组件时无法正常显示。作者通过引入`getCurrentInstance`并尝试修改`this`指向来解决上下文问题，但未明确是否成功。博客内容涉及uniapp、Vue3框架以及canvas绘图上下文的创建和管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp canvas组件不展示Vue3

页面页可以展示
拆分成组件无法展示
getCurrentInstance修改this指向


import { getCurrentInstance } from 'vue' // 引入

 const instance = getCurrentInstance() as any
// 这里是创建 canvas 绘图上下文
let context = uni.createCanvasContext('myCanvas', instance);