摘要: echats点击旋转并切换高亮效果 本方法前面是点击旋转,原理是每次点击是重新渲染图表,计算图标旋转角度,达到切换旋转效果, 本方法后面是点击切换图标时该扇形显示高亮效果 1 onChartClick(param) { 2 //切换图标时计算角度 3 let dataIndex = param.da 阅读全文
posted @ 2020-01-03 18:16 sinceForever 阅读(268) 评论(0) 推荐(0) 编辑
摘要: echarts接入数据后默认高亮不起作用 // 数据更新 -> 图表重新渲染 -> 默认高亮 // 重新渲染需要时间 1 this.$nextTick(() => { 2 const chart = this.$refs["chartContainer"].chart; 3 if (chart) { 阅读全文
posted @ 2020-01-03 18:06 sinceForever 阅读(1118) 评论(0) 推荐(0) 编辑
摘要: chart接入后台数据后vue不响应式显示图片 1 watch: { 2 //观察option的变化 3 config: { 4 handler(newVal, oldVal) { 5 if (this.chart) { 6 if (newVal) { 7 this.chart.setOption( 阅读全文
posted @ 2020-01-03 18:02 sinceForever 阅读(325) 评论(0) 推荐(0) 编辑
摘要: vue 中router-link下方的横线如何去除 1 .router-link-active { //点击时去掉下划线 2 text-decoration: none; 3 } 4 5 a { 6 text-decoration: none; //去掉原有链接文字下划线 7 } 阅读全文
posted @ 2020-01-03 17:47 sinceForever 阅读(5486) 评论(0) 推荐(0) 编辑
摘要: element-ui中如何去掉el-menu菜单栏中下划线 导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式。另外,在菜单中通过submenu组件可以生成二级菜单。Menu 还提供了background-color、text-color和active-text-color,分别用 阅读全文
posted @ 2020-01-03 17:46 sinceForever 阅读(12511) 评论(8) 推荐(0) 编辑
摘要: vue中使用swiper做轮播页面,标题样式随着轮播页面改变而改变 知识点: 标题组件与轮播组件之间交互(vue兄弟组件之间传值) 兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据 1、创建一个Vue的实例,让各个兄弟共用同一个事件机制。 2、传递数据方,通过一个事件触发bus.$emit 阅读全文
posted @ 2020-01-03 17:43 sinceForever 阅读(1244) 评论(0) 推荐(0) 编辑