Vue导入TradingView（无charting_library.min.js文件的包导入方法）

Jason2zi

于 2021-06-23 11:05:26 发布

阅读量1.3k

点赞数 1

文章标签： vue javascript

本文链接：https://blog.csdn.net/Jason2zi/article/details/118146479

版权

本文介绍如何在Vue项目中导入没有charting_library.min.js文件的TradingView包。方法包括将charting_library和datafeeds文件夹复制到项目中，通过在index.html引入文件路径，并在Vue组件内正确引用和实例化。

摘要由CSDN通过智能技术生成

你申请到的包很可能不是有charting_library.min.js文件的那个版本，而是charting_library和datafeeds两个文件，那么这篇文章可以帮助你成功在Vue项目导入TradingView

这个版本的包有两个文件，charting_library和datafeeds，
首先将两个文件夹复制到你的项目文件里，
然后在你的index.html写上这两句

    <script src="<%= BASE_URL %>datafeeds/udf/dist/polyfills.js"></script>
    <script src="<%= BASE_URL %>datafeeds/udf/dist/bundle.js"></script>

写你这两个文件的路径
这样datafeeds就导入好了
然后在你要使用TradingView的页面导入charting_library构造类

import {
   widget} from '../../../public/charting_library';

写你charting_library的路径
这样就导入好了

在mounted()下定义widgetOptions对象

const widgetOptions = {
   
	  symbol:this.symbol,
      datafeed: this.datafeeds(this

关注