自定义组件，自己写组件，就是在components中写vue组件，它和uniapp小程序的页面是不一样的，写canvas的时候有区别，uni.createCanvasContext()这个方法参数

烟火的降落

已于 2024-01-10 17:40:55 修改

阅读量479

点赞数 7

文章标签： vue.js uni-app 小程序

于 2024-01-10 17:21:10 首次发布

本文链接：https://blog.csdn.net/Frank_colo/article/details/135507968

版权

自定义组件，自己写组件，就是在components中写vue组件，它和uniapp小程序的页面是不一样的，写canvas的时候有区别

当你是在小程序页面里面用canvas时，uni.createCanvasContext(参数1)这个方法只需要传递1个参数，就是canvasId。canvas可以正常使用，签名可以显示出来

但是当你在自己写的自定义组件里使用cnavas时，如果你只传了1个参数就是canvasId，那么这时这个canvas是不能正常绘画的，你画了之后，线条显示不出来，虽然移动的点都正常

uni.createCanvasContext(参数1，参数2)这个方法需要传递2个参数，第2个参数必须是这个自定义组件的实例对象，只有传这个组件的实例对象后，才能在自定义组件里找到有canvasId的<canvas>

只有当你写了2个参数时，在自定义组件里才能正常显示绘制的线条

问题：在uniapp项目，vue3语法，如何拿到自定义组件的当前实例对象呢？

// 当前自定义组件的组件实例对象
const currentInstance = getCurrentInstance()
console.log(currentInstance, "<<<=== currentInstance")

关注