位置: 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版本无限安装版可给用户开宝塔虚拟机免费下载-电脑学习网(宝塔主机分销系统设计)

  • 缴纳个人所得税怎么算
  • 成本结算怎么处理?
  • 承销债券收取的承销费属于什么收入
  • 上期金额和本期金额是什么意思
  • 商业用房出租税率是多少
  • 长期待摊销费用属于什么类科目
  • 天猫收取的佣金开具的技术服务发票会计分录
  • 减资账务处理基准日 会计视野
  • 减半征收企业所得税的项目有哪些?
  • 机动车换车
  • 土地使用权分割转让依据
  • 新领的发票怎么导入uk开票系统
  • 原材料计划成本和实际成本的区别
  • 投资资产包括哪些会计科目
  • 行业协会的作用定位
  • 阿里巴巴新任董事长简历
  • 季度企业所得税计算公式
  • 研发支出费用化支出包括哪些
  • 暂估应付账款借方余额
  • 财产租赁所得个人所得税计算方法2020
  • 全资子公司需要设立股东会吗
  • 给工会开发票企业需要报税吗?
  • 商品流通企业会计心得体会3000字
  • 购买护肤品取得的发票能入账吗?
  • 2021年沙子水泥税率是多少
  • 国税未核定税种怎么处理
  • 无形资产和固定资产计提折旧的时间
  • 政府委托代建的房地产公司是否可以开立农民工工资
  • 金税盘的用户名
  • 顶账物品都有哪些
  • 手机超过1万元有必要买吗
  • qctray.exe - qctray进程 是什么文件 作用是什么
  • 服务公司收到服务费发票怎么做账
  • 常见的电脑系统类型
  • OS X Yosemite系统怎么样 OS X Yosemite功能介绍
  • 收到服务费计入什么科目
  • php ado
  • 纳税人跨县(市、区)提供建筑服务,应向建筑服务发生地
  • 预付货款账务处理会计分录
  • php快速排序原理
  • 业务招待费包括哪些内容和费用
  • 税务三流一致是什么意思
  • 进料核销应调整哪些项目
  • 计提和发放工资金额不一致
  • 开增值税专用发票的好处
  • 银行支付利率的含义是什么
  • 长期股权投资资本公积增加记哪个会计科目
  • 经营费用包括工资吗
  • 对公账户办理的早晚,对公司有没有影响
  • 企业暂估入账的分录
  • 公允价值变动损益属于什么科目
  • 房屋装修费计入长期待摊费用
  • 盈余公积提取多了
  • 设备安装业绩
  • 公司采购产品赠送给客户会计分录
  • 电商行业的采购
  • 财政补助收入的支付制度包括
  • 什么是暂估入账金额
  • 会计凭证数字书写模板
  • mysql5.7.22安装教程图解
  • 雨林木风 u盘
  • win10 server2008
  • ubuntu14.04启动不了
  • 录制界面
  • scchost.exe - scchost是什么进程 有什么用
  • win7点关机关不了
  • windows 8/10whql
  • 人工智能最受欢迎的一门编程语言
  • 骨头动漫头像
  • uploadify上传无反应
  • jQ处理xml文件和xml字符串的方法(详解)
  • linux多线程编程实例
  • unity多人游戏
  • js如何修改style
  • javascript编程语言
  • jquery showdialog
  • android studio 运行配置
  • 国家税务总局令第52号 ,税务稽查案件办理程序规定
  • 增值税专用发票怎么开
  • 2020十大经济年度人物揭晓
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设