// 子组件 A
<template>
<view>
<canvas style="width: 100px; height: 100px;" canvas-id="firstCanvas"></canvas>
</view>
</template>
<script>
export default {
mounted() {
this.draw()
},
methods：{
draw(){
let context = uni.createCanvasContext('firstCanvas',this)
}
}
}
</script>// 父组件 B
<template>
<view v-for="item in 10" :key="item">
<A></A>
</view>
</template>
在父组件中 只有第一个组件A绘制出来了，通过检查元素其余组件A也都在，只是没内容。初步怀疑是canvas-id="firstCanvas"是同一个。
x***@163.com (作者)
实验成功，留着这个帖子帮助更多人
2023-12-15 10:32
x***@163.com (作者)
:canvas-id="uuid" uuid动态创建
2023-12-15 10:32