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

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.kler.cn/a/273465.html

相关文章:

  • 【设计模式系列】组合模式(十二)
  • 浏览器中的事件循环
  • django的models使用介绍。
  • 【系统设计】高效的分布式系统:使用 Spring Boot 和 Kafka 实现 Saga 模式
  • 解决wsl重启后debian配置vm.max_map_count不生效问题以及设置docker开机自启
  • 练习LabVIEW第三十七题
  • 每天学习几道面试题|Kafka架构设计类
  • 记录一下小程序自定义导航栏消息未读已读小红点,以及分组件的消息数量数据实时读取
  • c语言,联合体
  • Jenkins-pipeline流水线构建完钉钉通知
  • 2024西工大数据结构实验(C)
  • Monoxer Programming Contest 2024(AtCoder Beginner Contest 345)(A~C)
  • 外贸网站文章批量生成器
  • Linux ftpwho命令教程:如何查看并管理FTP会话(附实例详解和注意事项)
  • pta 7-29 删除字符串中的子串 C语言
  • java kafka客户端何时设置的kafka消费者默认值
  • Git 常用命令总结
  • 【Selenium(一)】
  • Java语言: 多线程
  • 信号处理--基于正则化聚合的共空间模态(CSP)脑电信号分类
  • 功能齐全的免费 IDE Visual Studio 2022 社区版
  • 基于yolov2深度学习网络的人脸检测matlab仿真,图像来自UMass数据集
  • const,static深度总结——c++穿透式分析
  • 统计-R(相关系数)与R^2(决定系数)
  • [数据集][目标检测]番茄成熟度检测数据集VOC+YOLO格式277张3类别
  • 机器人可反向驱动能力与力控架构