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；