首页 > 编程语言 >uniapp微信小程序随机生成canvas-id报错?

uniapp微信小程序随机生成canvas-id报错?

时间:2024-03-18 17:30:00浏览次数:32  
标签: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;

标签:uniapp,canvas,微信,生成,报错,随机,id
From: https://blog.csdn.net/Smile_ping/article/details/136814461

相关文章

  • Exchange 2016卸载重新安装或更换电脑安装首次登录报错
    1、报错代码如下X-OWA-ErrorMicrosoft.Exchange.Data.Storage.ObjectNotFoundException2、解决方法2.1登录安装Exchange服务器,打开ExchangeManagementShell输入以下命令Get-Mailbox 2.2显示数据库异常,输入以下命令查看数据库和重新连接数据库Get-MailboxD......
  • 安装install.package("devtools")时报错 提示systemfonts,textshaping, ragg, gert依赖
    devtools可用conda,R的install.packages()以及wget等方式安装,这里我采用install.packages()安装,碰到systemfonts,textshaping,ragg,gert几个依赖包的安装错误。install.package("devtools")错误形式与解决,参考:https://www.cnblogs.com/shuaihe/p/17823059.html1.systemfonts解......
  • 微信小程序uniapp+vue+nodejs宝宝成长记录系统的设计与实现
    本文先通过对相关系统的调研,提出开发基于微信小程序的宝宝成长记录系统的意义,然后使用当前主流的技术进行开发,满足基于微信小程序的宝宝成长记录系统的技术要求,分析系统需要实现的功能并进行设计。梳理业务流程,并根据功能设计数据库,最后通过编码实现,介绍实现的关键算法逻辑。在......
  • ros2学习之报错分析:
    CMakeGeneratestepfailed. Buildfilescannotberegeneratedcorrectly.gmake:***[Makefile:267:cmake_check_build_system]错误1---Failed  <<<village_wang[0.43s,exitedwithcode2]Summary:0packagesfinished[0.56s] 1packagefailed:v......
  • RISmed软件包的使用(碰到EUtilsGet()步骤报错,暂未解决)
    教程1:https://www.jianshu.com/p/1544070a95e1教程2:https://www.jingege.wang/2020/06/03/pubmed数据挖掘:rismed包/问题网址:https://githubhelp.com/skoval/RISmed我也碰到同样问题未解决:运行代码记录如下:library(RISmed)library("XML")library("methods")##限定下检索......
  • sql注入之报错注入
    先说一个报错函数updatexml(xml_document,xpath_string,new_value):第一个参数:XML_document是String格式,为XML文档对象的名称第二个参数:XPath_string(Xpath格式的字符串),如果不了解Xpath语法,可以在网上查找教程。第三个参数:new_value,String格式,替换查找到的符合......
  • 关于安装Ubuntu/Arch wsl的error:0xffffffff报错
    运行Arch/Ubuntuwsl时报错//报错如下WslRegisterDistributionfailedwitherror:0xffffffffError:0xffffffff(null)原因:53端口被占用解决方法:win+r打开运行窗口输入resmon.exe回车。找到侦听窗口栏,查看占用53端口的PID。ctrl+shift+Esc打开任务管理器。在搜索栏......
  • 【精选】Canvas 事件处理系统 - 多图长文
    文章目录Canvas事件处理系统为什么我们需要事件处理系统系统搭建抽象图形画布类像素问题使用示例判断事件发生的图形CanvasRenderingContext2D.isPointInPath()Geometry圆矩形线段多边形OffscreenCanvas更多事件类型对比参考Canvas事件处理系统是我自己的一......
  • Canvas 控件
    在C#中中设置控件坐标Labellabel=newLabel{Content="测试",FontSize=14,Foreground=newSolidColorBrush((Color)ColorConverter.ConvertFromString("#FF0000"))};Canvas.SetTop(label,10.9);//在c#后台代码中动态设置Canvas.SetLeft(label,......
  • Mac air node.js重新安装版本,删除node文件后报错,报错信息和解决办法
    1、在终端执行:node-v  dyld[13110]:Librarynotloaded:/usr/local/opt/icu4c/lib/libicui18n.73.dylib   Referencedfrom:/usr/local/Cellar/node@16/16.20.2/bin/node   Reason:tried:'/usr/local/opt/icu4c/lib/libicui18n.73.dylib'(nosuchfil......