uniapp canvas组件不展示Vue3

最新推荐文章于 2025-07-25 10:46:05 发布

原创最新推荐文章于 2025-07-25 10:46:05 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #vue.js #javascript

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

uniapp canvas组件不展示Vue3

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


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

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