位置: IT常识 - 正文

uni-app项目|在弹窗中引入uchart图表子组件不显示(uni-app入门到实战 以项目为导向)

编辑:rootadmin
为了解决uchart作为子组件在主组件里引用但不显示的情况,(同样适用于弹窗之中)目前有三种方法。 1-解决方式 1>如果你使用的uchart子组件是从官方拿的例子:进入到uchart子组件将onReady或者onLoad(){}的方法的名字换成mounted。 2>以父组件给子组件传值的方式给子组 ...

推荐整理分享uni-app项目|在弹窗中引入uchart图表子组件不显示(uni-app入门到实战 以项目为导向),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uni-app navigateto,uniapp弹出框怎么实现,uni-app tabbar,uniapp弹出框怎么实现,uni-app tabbar,uni-app tabbar,uni-app入门到实战 以项目为导向 掌握完整开发流程,uni-app项目实战,内容如对您有帮助,希望把文章链接给更多的朋友!

为了解决uchart作为子组件在主组件里引用但不显示的情况,(同样适用于弹窗之中)目前有三种方法。

1-解决方式

1>如果你使用的uchart子组件是从官方拿的例子:进入到uchart子组件将onReady或者onLoad(){}的方法的名字换成mounted。

uni-app项目|在弹窗中引入uchart图表子组件不显示(uni-app入门到实战 以项目为导向)

2>以父组件给子组件传值的方式给子组件的图表数据赋值。(官方不推荐的方式)

  这种方式会使 chartData 原型链上增加额外的属性或方法,最终导致这些多余的属性或方法传入 uCharts 组件,带来预料不到的问题。实际上官方甚至都不推荐将uchart作为多层套娃的子组件。

import EchartsBar from '@/components/cardReportCharts/index.vue'//父组件的js<template><view class="charts-box"><qiun-data-charts type="bar" :opts="opts" :chartData="scoreList" /></view></template><!-- 子组件的模板内 -->export default {name: 'EchartsBar',props: ['scoreList'],data() {return {opts: {....}}},methods:{}} //子组件的js

3>在父组件中调用子组件里跟转化成JavaScript 对象的方法

  这种方法可以对整体赋值,并且采用深拷贝的方式,这种方式对数据需要动态变更的情况下很友好。此时要注意,该方法的调用需要在父组件的vue实例加载完成之后,即在nextTick方法之中调用。对于子组件调用还有什么疑问可以参考这篇文章:使用 Vue.js 怎么调用其他组件的方法

this.$nextTick(function(){this.$refs.echartsbar.getServerData()});2-分析原因

  之所以要这么大费周章,是因为在本人的尝试中,官方给的例子中onReady和onLoad方法均没有执行(不知是何缘故),当引入图表作为子组件时,就会一直显示加载页面而不显示数据并且也不报错。

  官方的文档写的十分详细,有问题尽可能参考:uchart官方文档

本文链接地址:https://www.jiuchutong.com/zhishi/303697.html 转载请保留说明!

上一篇:memberlist|会员信息列表 首页与内容页调用 会员信息(会员信息查询系统)

下一篇:宝塔主机分销系统1.7版本无限安装版可给用户开宝塔虚拟机免费下载-电脑学习网(宝塔主机分销系统设计)

  • 八个小技巧教你如何做好淘宝店铺运营(3个小窍门大家学起来)

    八个小技巧教你如何做好淘宝店铺运营(3个小窍门大家学起来)

  • 荣耀x10和红米10x的对比(荣耀x10和红米10x5g那个好?)

    荣耀x10和红米10x的对比(荣耀x10和红米10x5g那个好?)

  • 抖音直播点赞有什么作用(抖音直播点赞有限制吗)

    抖音直播点赞有什么作用(抖音直播点赞有限制吗)

  • 手机优酷如何下载视频(手机优酷如何下载视频到u盘)

    手机优酷如何下载视频(手机优酷如何下载视频到u盘)

  • 人声干音是什么(人声的干声)

    人声干音是什么(人声的干声)

  • 快手极速版朋友送卡怎么领取(快手极速版朋友变成放映厅)

    快手极速版朋友送卡怎么领取(快手极速版朋友变成放映厅)

  • 文件扩展名表示什么(显示文件后缀)

    文件扩展名表示什么(显示文件后缀)

  • 手机皮肤设置在哪里(手机皮肤在哪里设置方法)

    手机皮肤设置在哪里(手机皮肤在哪里设置方法)

  • 怎么通过QQ号查微信号(怎么通过qq号查询对方所在地)

    怎么通过QQ号查微信号(怎么通过qq号查询对方所在地)

  • 小米10pro指纹解锁不灵敏(小米10pro指纹解锁屏幕闪烁一下)

    小米10pro指纹解锁不灵敏(小米10pro指纹解锁屏幕闪烁一下)

  • 防蓝光手机膜到底有没有用(防蓝光手机膜防摔吗)

    防蓝光手机膜到底有没有用(防蓝光手机膜防摔吗)

  • 华为p40双系统吗

    华为p40双系统吗

  • 手机号码过期怎么恢复(手机号码过期怎么恢复正常)

    手机号码过期怎么恢复(手机号码过期怎么恢复正常)

  • 手机放着也耗电是什么原因造成的(手机放着也耗电快是什么原因)

    手机放着也耗电是什么原因造成的(手机放着也耗电快是什么原因)

  • wps卸载了文件还在吗(wps2019卸载了怎么还能打开)

    wps卸载了文件还在吗(wps2019卸载了怎么还能打开)

  • 荣耀x10有没有NFC(荣耀x10有没有nfc功能)

    荣耀x10有没有NFC(荣耀x10有没有nfc功能)

  • 用别的充电器充电对手机伤害大吗(用别的充电器充电可以吗)

    用别的充电器充电对手机伤害大吗(用别的充电器充电可以吗)

  • 小米8内屏碎了怎么关闭闹钟(小米内屏碎了如何导出数据)

    小米8内屏碎了怎么关闭闹钟(小米内屏碎了如何导出数据)

  • 手机屏幕黑斑消除方法(手机屏幕有黑斑怎么修复)

    手机屏幕黑斑消除方法(手机屏幕有黑斑怎么修复)

  • 苹果11强制关机怎么弄(苹果11强制关机不了怎么办?)

    苹果11强制关机怎么弄(苹果11强制关机不了怎么办?)

  • 在手机上怎么看电视直播节目(在手机上怎么看电视频道)

    在手机上怎么看电视直播节目(在手机上怎么看电视频道)

  • 抖音标签是什么(抖音标签是什么样子)

    抖音标签是什么(抖音标签是什么样子)

  • 视频大于5分钟怎么发(视频大于5分钟如何传到手机)

    视频大于5分钟怎么发(视频大于5分钟如何传到手机)

  • iphonexr防水等级(iphone xr防水等级是多少)

    iphonexr防水等级(iphone xr防水等级是多少)

  • iphone7电源键结束通话(苹果7电源键)

    iphone7电源键结束通话(苹果7电源键)

  • high-resolution image synthesis with latent diffusion models

    high-resolution image synthesis with latent diffusion models

  • 小规模超过30万计算
  • 运输费用怎么计算出来
  • 消费税组成计税价格怎么理解
  • 增值税附加税是几个点
  • 个体工商户税务申报如何网上申报
  • 房地产小规模纳税人预缴税款如何填申报表
  • 小规模开票给一般纳税人避税合法吗
  • 公司已倒闭
  • 初始数据录入后怎么修改
  • 职工福利费计提比例一般是多少
  • 工地工资是人走账清吗
  • 股权转让后的实收资本怎么做账
  • 给员工缴纳保险
  • 现金收据为什么也在自制原始凭证的范畴呢?
  • 银行本票超过付款期限可以向出票人追索吗
  • 对外来发票金额怎么算
  • 小规模纳税人开专票税率是1%还是3%
  • 季度所得税报表怎么填
  • 委托贷款利息收入怎么开发票
  • 收支利息税务如何处理
  • 代订住宿费属于那个经营范围
  • 营业执照副本编号是指什么
  • 原材料费用的分配
  • 没有发票的怎么报账
  • 工资扣员工的罚款入什么科目
  • 华为折叠手机mateX5价格
  • php创建表单
  • linux鼠标左键失灵
  • yii实现使用CUploadedFile上传文件的方法
  • 黄金期货交易进场规则
  • 如何防范增值税的税收风险
  • array php
  • php 查找数组元素
  • php动态读取数据的代码
  • axios在vue中的使用慕课笔记
  • yolov5 output
  • iframe嵌套页面点击里面的按钮
  • chat top
  • 赠送礼品账务处理会计分录
  • 公司员工抽奖活动
  • python爬虫详细教程
  • 帝国cms使用手册
  • 批处理命令在windows操作中的典型应用
  • 资产减值损失借方余额在利润表怎么填列
  • 文化事业建设费2023年是否减免了
  • 律师事务所收取费用有标准吗
  • 营改增行业销售额的确定
  • 库存股 注销
  • 存货盘盈的账务处理入什么费用
  • 工业增加值计算表(按生产法)
  • 小企业营业外支出坏账损失
  • 从国外进口一批原材料,海关核定的关税完税价
  • 如何查看员工社保
  • 过节费可以发现金吗
  • 本月增加的固定资产本月可以进行部门转移
  • 退票费凭证可以用于报销吗?
  • 无票收入怎么写分录
  • 速动资产包括哪些流动资产
  • mysql表中数据
  • sql中查询语句
  • office2003破解
  • 联想yogas
  • asmproserver.exe是什么进程 asmproserver进程信息查询
  • rpm包安装位置
  • 无损音乐如何播放
  • mis.off c n
  • yum providers命令
  • 怎么创建windows虚拟机
  • js代码规范
  • unity做3d游戏
  • android opengl绘图
  • python2.7多进程
  • sqlserver 服务器
  • window.parent与window.openner区别介绍
  • python datetime.now
  • unity脚本调用
  • python写邮箱
  • 南京税务局是地市级还是副省级
  • 国税怎么打印申报表
  • 建筑公司材料发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设