奥皮-CSDN博客

原创 vue 中 echarts 点击事件

在vue 中如何使用echarts 的点击事件例如一个饼图需要点击事件每个扇叶都需要有这几的点击事件获取值之类的代码如下myChart.on("click", this.lineClick); //里面有两个参数第一个参数是你要的事件是什么第二参数是点击事件lineClick(param) { console.log(param)}//这里是点击事件 param 是你点击的...

2019-12-13 15:33:23 3382

原创 echarts 表格一些属性 y轴刻度命垂直 name属性

记录一下echarts表格属性重点是y轴属性名的调整var option = { title: { text: "日生产曲线" }, color: colors, tooltip: { //辅助线 trigger: 'axis', axisPointer: { ...

2019-12-09 16:22:03 1184

原创 js 拖拽框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...

2019-12-05 17:44:13 217

原创 vue element ui Table 动态相邻合并单元格

合并单元格方法在element ui 有合并单元格的方法如下objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { //判断第几列合并 if (rowIndex % 2 === 0) { 这个是要判断合并几个单元格 re...

2019-12-03 16:46:44 928

原创 Vue移动端手机六位数密码框

手机六位数密码框思路为创建六个只读密码框设置样式在外覆盖一个透明的密码框然后设置输入事件判断输入的长度来在时间里为只读密码框输入值直接上代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport...

2019-12-02 15:55:09 2116 1

原创 js 创建二维码点击事件下载图片（或者二维码）

通过原始js下载图片在点击事件里面代码如下<body> <div id="app"> <div id="qrcode"></div> <button @click="a">diandianwo</button> </div></body><...

2019-09-23 16:13:12 735

原创在vue中使用echarts 使用v-if的问题（不能显示以及报错"TypeError: Cannot read property 'getAttribute' of null"）

使用echarts 添加v-if 会出现渲染不出来以及报错的问题使用v-show的时候图标会渲染出来但是也会出现长框不一的现象v-if是让盒子消失并不是改变盒子的display 属性所以当时你显示 v-if的时候他会重新插入盒子但是echarts表格并不会刷新因为在vue中mounted hook 已经调用一遍echarts表格的方法了解决方案使用vue中的this...

2019-09-11 15:53:20 5605 5

原创 js递归遍历树形json数据（找到children数据）

假如我们要遍历以这个这样数据var array = [ { id: 1, children:[{ id:2, children:[] }] }, ...

2019-09-02 10:53:03 18664

原创 vue 时间戳过滤器转换格式

代码如下filters: { formatDate: function (value) { let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10 ? ('0' + MM) : MM; ...

2019-08-29 16:30:37 356

原创 js 一些常见的字符串的操作方法归纳总结一下

indexOf lastIndexOf() 用于实现检索var str="this is a eg";str.indexOf("is") ===>返回2 (存在则返回出现位置的索引)str.indexOf("sss") ===>返回-1(不存在则返回-1)str.lastIndexOf("is")===>返回5 //从后往前检索str.lastIndexOf(...

2019-08-29 16:13:07 112

转载把平级数据变成树形数据

把平级数据转换成树形数据[ {element:'图片',id:'1',pid:'0'},//count=1 {element:'大图片',id:'2',pid:'1'}, {element:'png',id:'3',pid:'2'}, {element:'jpeg',id:'4',pid:'2'}, {element:'gif',id:'5',pid:'2...

2019-08-26 17:47:29 1546

原创 js 如何使用递归遍历树形数据插入数据

我们来做一个简单的dome 来理解如何利用递归来插入树形数据首先我们需要一组这样的数据var data = [{ id: 1, name:"第一级数据" cl: [{ id: 4, name:"第二级数据" }, { id: 5, name:"第二级数据" }, { ...

2019-08-22 17:53:52 5780

原创 vue 递归组件（树形结构目录）

在项目中有时需要分级目录树形目录这时就可以用到递归组件了递归组件是指就是组件中嵌套组件自身首先我们需要一组这样的数据 [ { "name": "一级目录", cList: [ { "name": "二级目录" }, { "name": "one chicken", ...

2019-08-21 17:46:19 2438 1

原创在vue中制作倒计时功能

在vue中制作简单的倒计时倒计时的核心是通过递归来时实现定时器所以在方法中使用setTimeout 就行了<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script><body> <div id="app"> <div class="...

2019-08-12 10:21:02 7614 1

原创 mint-ui中组件Loadmore 的使用上拉加载（及兼容性问题）下拉刷新

上拉加载以及下拉刷新是内容通过手指移动而触发事件在mintUi组件中使用Loadmore方法及其简单方法如下<body> <div id="app"> <div class=""> <div class="test"> //这里放组件 ...

2019-08-05 16:52:41 1703 1

axIsMyName的博客