建站网站源码赣州seo唐三

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；