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;

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-19 13:34:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-19 13:34:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-19 13:34:01       82 阅读
  4. Python语言-面向对象

    2024-03-19 13:34:01       91 阅读

热门阅读

  1. uniapp html变量 直接输出html

    2024-03-19 13:34:01       41 阅读
  2. 算法学习系列(四十一):Flood Fill算法

    2024-03-19 13:34:01       44 阅读
  3. 常用数据结构与算法—数组

    2024-03-19 13:34:01       43 阅读
  4. 邻接表存储图(c++题解)

    2024-03-19 13:34:01       45 阅读