vue中使用TradingView --5 页面闪白

K线图刷新或重新加载时闪白首先需要了解的是，闪白是 iframe的机制所以只要解决掉iframe就可以了首先找到 charting_library.min.js搜索 </iframe>找到配置项 style="display:block"改为 style="display:none"然后在 onChartReady()

Young_Gao

3352人浏览 · 2018-06-14 15:32:32

Young_Gao · 2018-06-14 15:32:32 发布

K线图刷新或重新加载时闪白

首先需要了解的是，闪白是 iframe的机制

所以只要解决掉iframe就可以了

首先找到 charting_library.min.js

搜索 </iframe>

找到配置项 style="display:block"

改为 style="display:none"

然后在 onChartReady() 方法里设置ifram的display为block，自己再写个加载div，就可以完美规避这个问题。

 
  _this. 
  chart. 
  onChartReady( 
  function () { 
 
 
  document. 
  getElementById( 
  'your_chart_id'). 
  childNodes[ 
  0]. 
  setAttribute( 
  'style', 
  'display:block;width:100%;height:100%;'); 
 

   }); 
 

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^