- 博客(57)
- 问答 (1)
- 收藏
- 关注
原创 将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示
【代码】将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示。
2024-03-06 17:01:42
392
原创 如何清除触发的el-form中rules的规则验证
<el-form v-show="isShow" ref="ruleForm" :model="addForm" :rules="rules" label-width="110px" :inline="true"> <el-form-item v-show="type !== 6" label="承运企业:" prop="name"> <el-input v-model="addForm.name"placeholder="请输入承运企业"><.
2022-05-25 15:26:20
2381
原创 vue实现本地使用tinymce富文本编辑器
最终效果:第一步:tinymce官网下载地址:Self Hosted WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE2.建立公共页面trnymce.vue<template> <div :class="{fullscreen:fullscreen}" class="tinymce-container" :style="{width:containerWidth}"> ...
2022-05-20 13:41:47
981
原创 加减乘除方法的引用(四舍五入)
1.在main.js中引入全局方法,// 全局方法import Common from './util/public'Vue.prototype.Common = Common;2. 在文件夹util/public.js 写入方法/* @method 数字处理:四舍五入、保留两位 @Author ****** @param number 参与运算 必填 */ format(number){ if(isNaN(number) || number
2022-02-09 10:13:24
475
原创 echarts制作3d柱形图
1.引入echarts2.main.js引入import * as echarts from 'echarts'import 'echarts-gl';Vue.prototype.$echarts = echarts3.页面制作<template> <div id="output_3DBarCharts"></div></template><script> import { get3DOptions .
2021-11-24 16:53:34
5031
14
原创 vue制作3D环形图(变宽变高)
1.引入highcharts2.main.js引入highchartsimport highcharts from 'highcharts'import highcharts3d from 'highcharts/highcharts-3d'highcharts3d(highcharts)3.页面引入 init() { // 修改3d饼图绘制过程 let each = HighCharts.each, round = Ma
2021-11-24 16:47:10
1461
7
原创 echarts刻度设置(大小、段数、最小刻度)
minInterval: 1, //最小刻度是1splitNumber: 4, //段数是4min: 0, //最小是0max: function (value) { //最大设定 if (value.max < 4) { return 4; } else { return value.max; }},
2021-09-16 09:39:09
8283
原创 echarts图片上传
需求效果如下:代码如下:series: [ { name: "入库" + this.codeName, type: "bar", barWidth: 15, data: inList, itemStyle: { barBorderRadius: [10, 10, 0, 0], }, .
2021-07-28 15:57:52
271
原创 vue引入数据实时更新socket.io
1.引入插件socketnpm install socket.io-client@2.2.0 vue-socket.io@3.0.10 --save2.main.jsimport VueSocketIO from 'vue-socket.io';import socketio from 'socket.io-client';let opts = { query: 'userId=' + userInfo.username,};Vue.use(new VueSocke.
2021-07-28 14:57:25
356
原创 dialog的移动、全屏
1.创建一个el-drag-dialog.jsexport default { bind(el, binding, vnode, oldVnode) { //初始非全屏 let isFullScreen = false; //当前宽高 let nowWidth = 0; let nowHight = 0; //当前顶部高度 let nowMarginTop = 0; //获取弹框头部(这部分可双击全屏) const dial
2021-04-15 11:48:47
221
原创 流程模型创建之bpmn.js与vue的整合
gitHub地址:https://github.com/GoldSubmarine/workflow-bpmn-modeler;在线 demo:https://goldsubmarine.github.io/workflow-bpmn-modeler/demo/;vue引用步骤:1.安装以下包进开发环境npm install --save bpmn-js;npm install -- save bpmn-js-properties-panel;npm install --save ca.
2021-03-05 10:00:18
3404
17
原创 el-select和el-tree结合下拉选
实现效果:代码:<template> <el-select style="width: 100%" :value="valueTitle" :clearable="clearable" :filterable="filterable" :disabled="disabled" @clear="clearHandle" remote :remote-method="remoteMethod"> <el-option .
2021-02-25 16:23:56
1336
原创 获取谷歌浏览器的摄像头
第一步:谷歌浏览器打开网站:chrome://flags/#unsafely-treat-insecure-origin-as-secure;第二步:输入项目ip + 端口,设置由Default 改为 Enabled;第三步:点击:‘Relaunch’
2021-02-07 09:42:00
679
原创 添加行
实现功能<template> <div class="dynamicTable" id="carryOutForm"> <el-table ref='editTable' border :data="value"> <el-table-column type="index" label="序号" width="60"></el-table-column> <el-table-column pro
2021-01-28 14:57:15
103
原创 密码—加密、解密
npminstallcrypto-jsjs文件import CryptoJS from 'crypto-js/crypto-js'let initKey = 'metagross-zhihuihouqin-shanxixueyu-400-151-6766';//加密export function Encrypt(word) { let plainText = initKey.length > 32 ? initKey.substr(0, 32) : initKey; /..
2021-01-15 10:23:13
294
原创 各种全局方法的引用
1.在main.js中引入全局方法,// 全局方法import Common from './util/public'Vue.prototype.Common = Common;2. 在文件夹util/public.js 写入方法import {getServeDate} from '@/api/system/user'let serveDate;getServeDate().then( res => { serveDate = res.data.data.dateT
2020-12-22 11:46:40
766
原创 表达式全集
字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。序列“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。 * 匹配前面的子表达式
2020-11-19 14:20:19
164
原创 常用正则表达式2
说明 正则表达式 用户 /^[a-z0-9_-]{3,16}$/ 密码 /^[a-z0-9_-]{6,18}$/ 十六进制值 /^#?([a-f0-9]{6}|[a-f0-9]{3})$/ 电子邮箱 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ URL /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ IP 地址
2020-11-19 14:19:22
242
原创 常用正则表达式1
说明 正则表达式 网址(URL) [a-zA-z]+://[^\s]* IP地址(IP Address) ((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?) 电子邮件(Email) \w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* QQ号码 [1-9]\d{4,} HTML标记(包含内容或自闭合) <(.*)(.*)>.*&
2020-11-19 14:16:29
111
原创 日期查询只能选择一周以内的日期
<el-form-item label="选择日期:"> <el-date-picker v-model="searchForm.date" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" ..
2020-10-13 15:17:56
675
原创 浮动小数加减法运算
加法:accAdd(num1,num2){ let r1,r2,m; try{ r1 = num1.toString().split(".")[1].length } catch(e){ r1 = 0 } try{ r2 = num2.toString().split(".")[1].length } catch(e){ r2 = 0 } m = Math.pow(10,Math.max(r1,r2)); return ( Math....
2020-10-10 10:34:15
279
原创 正则验证
data() { let reg = /^[gG][a-zA-Z]{2}[0-9]{10}$/; let num = (rule, value, callback) => { if (value === "") { callback(new Error("请输入绑定码")); } else if (!reg.test(value)) { callback(new Error("绑定码格式错误")); } else { call...
2020-09-09 17:09:26
102
原创 vue项目搭建(完整步骤)
一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了。 检查是否安装成功:
2020-09-02 11:08:02
1131
原创 vue 运行环境安装与配置
vue 运行环境安装与配置1.安装Visual Studio Code2.安装Node查看版本:node -v3.安装Git查看版本:git --version4.打开vscode,执行cmd命令安装cli: npm install -g @vue/cli查看版本:vue -V5.新建项目:vue create subject_name ? Please pick a preset: 选择预设 default (babel, eslint) 默...
2020-09-01 11:49:48
1300
原创 vue设置cookie和获取cookie
写法1:methods: { //设置cookie setCookie: function (cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); console.info(cname +...
2020-07-31 16:03:37
4051
原创 内容高度大于div高度是内容自动滚动
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docume...
2020-04-30 14:22:48
596
原创 字符串的截取
1 取字符串的前i个字符 str=str.substring(0,i);2 去掉字符串的前i个字符 str=str.substring(i);3 从右边开始取i个字符 str=str.substring(str.length()-i); str=str.substring(str.length()-i,str.length());4 从右边开始去掉i个字符 ...
2020-04-24 09:40:07
235
原创 前端开发必备插件
前端开发必备插件PostCSS Sorting stylelint stylefmt ESLint javascript standard format beautify Babel ES6/ES7 Debugger for Chrome Add jsdoc comments javascript(ES6) code snippets vue weex Reactjs ...
2019-12-04 11:28:34
133
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人