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;