当前位置: 首页 > article >正文

vue+datav数据大屏

官方文档

http://datav.jiaminghi.com/guide/#用前必看

制作效果

在这里插入图片描述

遇到的问题

数据传输

 board_info2: {
          header: ["门店名称", "地址", "核销营业额"],
          data: []
          }

data需要传值,直接使用官方的,那么传递值给data后,轮播表是不会显示数据的

<dv-scroll-board
                      :config="board_info2
                      class="carousel_list2"
                      oddRowBGC="#fff"
                      style="width: 95%;margin: 0 auto;height: 75%"
                  />
                  

解决方法

<dv-scroll-board
                      :config="board_info2"
                      ref="scrollBoard"
                      class="carousel_list2"
                      oddRowBGC="#fff"
                      style="width: 95%;margin: 0 auto;height: 75%"
                  />
                 

加上 ref=“scrollBoard”
传值时使用 this.$refs[‘scrollBoard’].updateRows(this.board_info2.data)


http://www.kler.cn/a/282121.html

相关文章:

  • 【分布式技术】分布式缓存技术-旁路缓存模式(Cache Aside Pattern)
  • 【SQL】mysql常用命令
  • 6.584-Lab1:MapReduce
  • 层归一化和批归一化
  • XXL-JOB相关面试题
  • Excel单元格中自适应填充多图
  • 有哪些内部知识库类似钉钉,满足企业多样化需求?
  • 【Go语言成长之路】 模糊测试
  • Qt第十八章 XML和Json格式解析
  • 数字化转型升级探索(四)
  • 驱动开发系列14 - Wayland 详解
  • Unity Json实体类快速生成保存工具
  • Unity2D游戏开发-Pak木鱼
  • Module not found: Can‘t resolve ‘tls‘/Module not found: Can‘t resolve ‘net‘
  • (十三)Flink SQL
  • 【自由能系列(中级)】自由能与变分自由能——从状态到配置的效益最大化
  • 手机游玩植物大战僵尸杂交版V2.3.7最新版教程(文章末尾免费直接下载链接)
  • 【Java】—— Java面向对象进阶:Java银行账户管理系统设计与实现
  • 分布式数据一致性小结
  • 【爬虫采集工具】用python开发的快手评论区采集软件
  • 单片机原理及技术(八)—— 串行口的工作原理及应用
  • 墨者学院 手工注入题解(oracle数据库)
  • 华为2016校园招聘上机笔试题
  • 取模+背包
  • 【Word与WPS如何冻结首行首列及窗口】
  • Linux常见基础命令