wjshu
wjshu
  • 发布:2019-12-30 11:37
  • 更新:2020-08-12 17:51
  • 阅读:1103

【报Bug】mpvue微信小程序fail canvas is empty的问题

分类:uni-app

详细问题描述

将mpvue小程序代码迁移到uni-app后,编译为自定义组件模式(试过将manifest.json中mp-weixin.usingComponents选项置为false仍编译为自定义组件,但这是另一个问题了)。

在组件内调用uni.canvasToTempFilePath一直报fail canvas is empty。在调用uni.createCanvasContextuni.canvasToTempFilePath时均传入了this,尝试过直接传mpvue组件实例this和里面的this.$scope,结果均相同。将代码拉至最外层页面,去掉thisuni.canvasToTempFilePath则可以正常进入success回调。

[内容]

重现步骤

[步骤]

根据此文档 https://ask.dcloud.net.cn/article/34945 从mpvue代码迁移至uni-app,子组件内绘制canvas。(自定义组件模式)

[结果]

调用uni.canvasToTempFilePath始终进入fail回调,报fail canvas is empty。

[期望]

uni.canvasToTempFilePath正常进入success回调。

IDE运行环境说明

未使用HBuilderX,命令行运行npm run dev:mp-weixin

[IDE版本号]

VS Code (version 1.41)

[windows版本号]

[mac版本号]

macOS High Sierra 10.13.6

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

微信小程序

[运行端版本号]

    "@dcloudio/uni-mp-weixin": "^2.0.0-24220191115006",

微信开发者工具Stable v1.02.1910120,调试基础库2.9.2

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

@vue/cli@4.1.1

[编译模式是老模板模式还是新的自定义组件模式?]

自定义组件模式

联系方式

gmail.g@qq.com

2019-12-30 11:37 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复