m0_60648668的博客

原创 uniapp+v3开发小程序拖拽排序功能

注意: 拖动后再给原数组赋值时需加上nextTick函数,如需多行多列拖动只需再次基础上加部分逻辑即可。排序前(左图) => 排序时(右图)

原创 vite本地项目启动https

【代码】vite本地项目启动https。

原创 h5移动端调用手机摄像头扫码

h5移动端调用摄像头扫码

原创 企业微信中嵌套的h5应用调用微信扫码功能

企业微信中嵌套的h5应用调用微信扫码功能

原创 elementui中table组件合并行(看就懂)

elementPlus一样使用。

原创 将x, y, z 列表变成 [x,y,z]格式

【代码】将x, y, z 列表变成 [x,y,z]格式。

原创 js 获取多个二维数组的公共区间

js 获取多个二维数组的公共区间。

原创 react + @reduxjs/toolkit + mqtt 实现实时通讯

【代码】react + @reduxjs/toolkit + mqtt 实现实时通讯。

原创 echarts绘制中国地图省份地图及世界地图

利用echarts绘制中国地图,省份地图及世界地图!

原创 three.js 第一人称漫游

three.js 第一人称移动跳跃及碰撞检测

原创 vue3 setup语法糖快捷生成模板

vue3 setup语法糖快捷生成模板

原创 elementui 组件基本颜色的修改

修改elementui组件基本色

原创 vue 中使用spreadJS在线编译excel文档

Vue中使用SpreadJS,并可自定义导入sheet页

原创 将数字以千分位分割

将数字以千分位分割。

原创 vue 中将 px 转化为 rem 适配

vue中将px转化为rem适配

原创 vue中按ctrl原页面锁定打开新页面

vue中按ctrl原页面锁定打开新页面

原创 js 对数组字符串排序

js 将数组字符串进行排序

原创 甘特图dhtmlxgantt当时间为空时右上角警告invalid dates

解决甘特图在展示时间数据段为空值时右上角红色报警的问题

原创 git 克隆指定分支 及 指定版本

第一步： git clone [git-url] -b [branch-name]第二步：git reset --hard [commit-number]

原创 js 将数组分割成几个一段

//处理数据 filterNum(arr = [], number) { let newArr = [] //首先创建一个新的空数组。用来存放分割好的数组 for (let i = 0; i < arr.length;) { //注意：这里与for循环不太一样的是，没有i++ newArr.push(arr.slice(i, i += number)); } return newArr ...

原创 dhtmlxGantt 甘特图 一行展示多条数据

效果如图:后台拿到数据 处理之后如图:含义:如上图所示, 如果一行需要展示多个 需要给父数据的那条添加render:split属性,子数据的parent为父数据的Id即可切记 父数据的id 别为0 为0 时 会出现错乱...

原创 删除 vue项目在谷歌浏览器中鼠标移入路由上时,左下角展示的url

谷歌浏览器中默认鼠标移入a标签时,左下角会显示路由地址,如下图:在vue项目中的解决方法为://去掉浏览器左下角的URL deleteMsg(){ $("body").on('mouseover', 'a', function (e) { let $link = $(this) let href = $link.attr('href') || $link.data("href"); // cons...

原创 将elementui table 每一行相同值得列进行合并

效果如图:根据elementui 的合并代码基本满足不了需求话不多说上代码://合并行和列 arraySpanMethod({ row, column, rowIndex, columnIndex }) { for(let i = 0;i < this.spanArr.length; i++){ if(rowIndex === i){ return { rowspan: this.spanArr[i][.

原创 解决Vue 中 当页面跳转后无法清除定时器问题

如图所示:按逻辑已经可以清除,但是当页面跳转后,定时器任然在执行beforeDestroy(){ clearInterval(this.avltimer) this.avltimer = null},mounted(){ this.avltimer = setInterval(() => { /*去做的事*/ this.getdata() //请求数据方法 }, 2000);}.

原创 当文本超宽时 左右滚动 通知消息

<template> <div class="box" style="width:100%;"> <p :class="{'scroll':(options.isRoll || getContentLength(options.text) > options.MaxTength)}">{{options.text}}</p> </div></template><script>exp.

原创 echarts 解决 饼图 指示线重叠问题

当几条数据的占比太少时,就会出现重叠状态,如图:方法:只需将avoidLabelOverlap属性改为true就行 series: [{ name: '设备状态', type: 'pie', radius: ['40%','65%'], center: ["30%", "45%"], avoidLabelOverlap: false, // ite

原创 无限下滚的table表格 切 当数据获取不到时自动去循环

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文前言提示：根据项目需求需要实现一个无限下滚的table表格 切 当数据获取不到时自动去循环看效果图片,table使用elementui table 修改:主要代码: // 设置自动滚动 autoRoll(stop = null) { if (stop) { clearInterval(this.rolltimer) return

原创 echarts 将Y轴分成4等分 固定最大高度

效果如图:代码: yAxis: [ { type: 'value', name:"%", max:100,//最大值 splitNumber:5,//分割成几段 minInterval:25,//间距.

原创 elementui table 自动滚动

效果:方法:

原创 给echarts x y 轴 末尾加单位

如图:方法:

原创 elementui table 再更改样式后 会出现白线

方法:

原创 Eelementui Carousel 鼠标移进时停止自动切换

原创 table 里设置 width height 没变化

在写table表格框的时候，会遇到自己的属性设置了width: :属性和height:;属性，可预览的时候不会有任何的变化解决方法:table{ table-layout: fixed; }只要在table标签里设置table-layout属性值为fixed,然后在设置width和height属性就可以改变了。...

原创 echarts 1根柱子展示两个数据

drawEngine(data=null){letmyChart=echarts.init(document.getElementById('profit-box'));letoptions={tooltip:{trigger:'axis'},legend:{...

原创 js将数组中拥有一样属性的值归并

刚做了一个模块需要将每个月的利润,成本,收入全部归并的模块后台返回的数据如图:每个对象所拥有的的属性是一样的展示效果如图:方法:

原创 Vue项目 给elementui 的Cascader级联选择器添加按钮

根据需求需要给Cascader底部添加按钮,如图:elementui中没有给出符合的组件,这里奉上方法参考如果需要添加事件:

原创 vue+elementui项目中使用el-table在el-table-column type类型在动态改变时,出现错乱现象

项目需求根据查看编辑来动态改变el-table-column type的index或者selection编辑时需要type类型为selection 如图 :查看时需要type类型为index如图 :在动态切换时有时会出现type类型与展示类型不符的情况解决方法: 在需要使用v-bind动态渲染的el-table-column元素上加上一个不重复的key值即可解决问题...