vue3 echarts报错

最新推荐文章于 2025-02-17 16:44:27 发布

够钟.split

最新推荐文章于 2025-02-17 16:44:27 发布

阅读量763

点赞数 3

文章标签： javascript vue.js 前端 echarts

本文链接：https://blog.youkuaiyun.com/qq_40885646/article/details/125915141

版权

参考官方：

你可以有选择地退出默认的深度响应式/只读转换模式，并将原始的，未被代理的对象嵌入状态图中。它们可以根据情况灵活运用：

有些值不应该是响应式的，例如复杂的第三方类实例或 Vue 组件对象。(第三方实例)
当渲染具有不可变数据源的大列表时，跳过 proxy 转换可以提高性能。

使用markRaw来绑定echarts

1.markRaw
  将数据标记为永远不能追踪的数据
  一般在编写自己的第三方库时使用
  * */
  import {ref, markRaw} from 'vue';
export default {
  name: 'App',
  setup() {
       let myChat = ref(null)
      myChat.value = markRaw(
        echarts.init(document.getElementById("myChart"))
      );
  }
}