01 2020 档案
摘要：swiper切换时，echarts图案与自定义图案分离 echarts文件 1 <template> 2 <div class="pr chart"> 3 <div ref="chart" class="chart-body"></div> 4 <slot></slot> 5 </div> 6 </
阅读全文
摘要：vue自定义组件与父子组件之间传值 1 <template> 2 <div> 3 <el-row :gutter="20" class="card-header"> 4 <span>{{ name }}</span> 5 </el-row> 6 <el-row class="cus-card-inf
阅读全文
摘要：js与ios交互，js示例 js文件：coco3gNativeUser.js 1 let c3_navtive_user = {}; 2 (function(owner) { 3 owner.temp = {}; 4 //右上角按钮及事件 5 owner.__defineSetter__('righ
阅读全文
摘要：echats点击旋转并切换高亮效果 本方法前面是点击旋转，原理是每次点击是重新渲染图表，计算图标旋转角度，达到切换旋转效果， 本方法后面是点击切换图标时该扇形显示高亮效果 1 onChartClick(param) { 2 //切换图标时计算角度 3 let dataIndex = param.da
阅读全文
摘要：echarts接入数据后默认高亮不起作用 // 数据更新 -> 图表重新渲染 -> 默认高亮 // 重新渲染需要时间 1 this.$nextTick(() => { 2 const chart = this.$refs["chartContainer"].chart; 3 if (chart) {
阅读全文
摘要：chart接入后台数据后vue不响应式显示图片 1 watch: { 2 //观察option的变化 3 config: { 4 handler(newVal, oldVal) { 5 if (this.chart) { 6 if (newVal) { 7 this.chart.setOption(
阅读全文
摘要：vue 中router-link下方的横线如何去除 1 .router-link-active { //点击时去掉下划线 2 text-decoration: none; 3 } 4 5 a { 6 text-decoration: none; //去掉原有链接文字下划线 7 }
阅读全文
摘要：element-ui中如何去掉el-menu菜单栏中下划线 导航菜单默认为垂直模式，通过mode属性可以使导航菜单变更为水平模式。另外，在菜单中通过submenu组件可以生成二级菜单。Menu 还提供了background-color、text-color和active-text-color，分别用
阅读全文
摘要：vue中使用swiper做轮播页面，标题样式随着轮播页面改变而改变 知识点: 标题组件与轮播组件之间交互（vue兄弟组件之间传值） 兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据 1、创建一个Vue的实例，让各个兄弟共用同一个事件机制。 2、传递数据方，通过一个事件触发bus.$emit
阅读全文
