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

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%;'); });