首页 > 其他分享 >vue3+echarts,tooltip trigger: 'axis'没有作用,解决办法

vue3+echarts,tooltip trigger: 'axis'没有作用,解决办法

时间:2022-12-04 21:59:13浏览次数:50  
标签:tooltip trigger vue3 markRaw echarts axis

用 markRaw 让echarts从监听对象变成普通对象!!

因为vue3中的数据对象是用的proxy监听的,要取值需要用value等方法取出来。

import { onMounted, ref, markRaw } from 'vue'
const chartBox = document.getElementById('chart-box');
myChart = markRaw(echarts.init(chartBox));

 

 

 

标签:tooltip,trigger,vue3,markRaw,echarts,axis
From: https://www.cnblogs.com/L-hailong/p/16950902.html

相关文章

  • VUE3
    ######computed```javascriptconstcomputed1=computed({get(){returncount},set(){console.log("1")}})``` ######watch```javascriptconstco......
  • Vue3路由
    路由基础(页面跳转)下载vue-router,vue3对应的版本是4cnpminstallvue-router@4启动项目npmrundevrundev的由来组件Home、Blogrouter.jsimport{createRout......
  • Vue3
    Vue3setup()和ref()的使用ref()这是vue3声明变量的方式,并且在setup()中return返回出去才可以在页面中使用。vue2声明的变量需要放在data中声明使用。vue2......
  • vue3 + vite 监听路由
    1.watch监听import{watch}from'vue'import{useRouter}from'vue-router'letrouter=useRouter()watch(()=>router.currentRoute._value,(m,n)=>{......
  • vue3自定义修饰符
    v-model 有一些内置的修饰符,例如 .trim,.number 和 .lazy都是对输入的数据做过滤处理vue也可以自定义实现创建一个自定义的修饰符 capitalize,它会自动将 v-model......
  • vue3 实现自定义 v-model
    在vue中,form表单输入可以通过v-model实现双向数据绑定,例如:<inputv-model="text"/>{{text}}在表单中输入时,页面展示的data-text也会相应改变如果是封装......
  • vue3 + element plus 使用字节跳动图标
    使用场景:提一下vue2用法>> 下面回到正题vue3用法1 安装包:npminstall@icon-park/vue-next--save2 字节跳动图标库取图地址>>  3 用法:<te......
  • vue3新增知识点(组合式API、ref和reactive、响应式原理、setup、watch和watchEffect)持
    1.组合式API和声明式API的区别,组合式API的优点2.Vue3的响应式原理通过Proxy(代理):拦截对象中任意属性的变化:包括:属性值的读写、属性的添加、属性的删除等。通过reflect(反射):......
  • Vue3中Echart挂在全局报错问题 dataSample.js:104 Uncaught TypeError: Cannot read p
    原因Proxy应用到了整个ECharts实例上的问题,不太建议把整个ECharts实例这样的对象放到ref里,容易影响到实例底层的运行。可以使用shallowRef替代,这样Proxy不会应......
  • vue3组件通信,网上一大堆,这里直说常用的两个,props,emit
    props(父传子,多用于子组件的数据渲染)【父】<div><comp-son:name="name":age="age"/>//向子组件传值</div>setup(){conststate=reactive({......