当前位置: 首页 > news >正文

uniapp微信小程序随机生成canvas-id报错?

uniapp微信小程序随机生成canvas-id报错?

文章目录

    • uniapp微信小程序随机生成canvas-id报错?
      • 效果图
      • 遇到问题
      • 解决

场景:

  • 子组件,在 mounted 绘制 canvas;
  • App、H5端正常显示,微信小程序报错;

效果图

在这里插入图片描述


遇到问题

  • 随机生成 canvas-id方式,控制台报错【: canvas-id attribute is undefined】;
  • 页面上已渲染生成好的id;

在这里插入图片描述


在这里插入图片描述


<template><view class="circle-progress"><canvas class="canvas" :canvas-id="canvasId" :id="canvasId" :style="{ width: width + 'px', height: width + 'px' }"></canvas><slot></slot></view>
</template>

解决

  • 最直接解决方式:不使用随机生成方式,直接写固定的id;
http://www.lryc.cn/news/320668.html

相关文章:

  • 爬虫 Day2
  • 达梦数据库SQL
  • python教程——把视频转成gif
  • 深入浅出Go的`encoding/xml`库:实战开发指南
  • 深度学习之扩散模型(Diffusion model)
  • Tomcat Session ID---会话保持
  • Session会话绑定
  • win7、win10、win11 系统能安装的.net framework 版本以
  • RediSearch比Es搜索还快的搜索引擎
  • mybatis-plus 的saveBatch性能分析
  • python异常:pythonIOError异常python打开文件异常
  • 电话机器人语音识别用哪家更好精准度更高。
  • 【Unity动画】Unity如何导入序列帧动画(GIF)
  • uniapp APP 上传文件
  • arcgis数据导出到excel
  • 吴恩达深度学习环境本地化构建wsl+docker+tensorflow+cuda
  • R语言:microeco:一个用于微生物群落生态学数据挖掘的R包:第七:trans_network class
  • ubuntu下在vscode中配置matplotlibcpp
  • Vue面试题,背就完事了
  • centos创建并运行一个redis容器 并支持数据持久化
  • nvm安装和使用保姆级教程(详细)
  • 跳绳计数,YOLOV8POSE
  • 阿里云ecs服务器配置反向代理上传图片
  • 免费阅读篇 | 芒果YOLOv8改进110:注意力机制GAM:用于保留信息以增强渠道空间互动
  • GetLastError()返回值及含义
  • k8s admin 用户生成token
  • 【vscode】vscode重命名变量后多了很多空白行
  • 深度学习实战模拟——softmax回归(图像识别并分类)
  • vue实现element-UI中table表格背景颜色设置
  • RabbitMQ学习总结-消息的可靠性