
vue
泪的结晶
一个人快乐不是因为他拥有得多,而是因为计较得少
展开
-
Vue中 v-html 指令警告
vue中 v-html 指令警告,导致页面打开不显示内容。原创 2022-11-09 09:31:21 · 222 阅读 · 0 评论 -
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 · 1070 阅读 · 0 评论 -
加减乘除方法的引用(四舍五入)
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 · 508 阅读 · 0 评论 -
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 · 241 阅读 · 0 评论 -
流程模型创建之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 · 3520 阅读 · 17 评论 -
改变checkbox的默认样式
1.<labelclass="checkBox"><inputtype="checkbox">全选</label>;input[type='checkbox']{ width: 20px; height: 20px; background-color: #fff; -webkit-appearance:none; ...原创 2019-07-24 11:28:10 · 358 阅读 · 0 评论 -
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 · 1185 阅读 · 0 评论 -
正则验证
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 · 120 阅读 · 0 评论 -
浮动小数加减法运算
加法: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 · 320 阅读 · 0 评论 -
日期查询只能选择一周以内的日期
<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 · 743 阅读 · 0 评论 -
常用正则表达式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 · 288 阅读 · 0 评论 -
表达式全集
字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。序列“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,$也匹配“\n”或“\r”之前的位置。 * 匹配前面的子表达式原创 2020-11-19 14:20:19 · 190 阅读 · 0 评论 -
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 · 1392 阅读 · 0 评论 -
获取谷歌浏览器的摄像头
第一步:谷歌浏览器打开网站:chrome://flags/#unsafely-treat-insecure-origin-as-secure;第二步:输入项目ip + 端口,设置由Default 改为 Enabled;第三步:点击:‘Relaunch’原创 2021-02-07 09:42:00 · 756 阅读 · 0 评论 -
添加行
实现功能<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 · 139 阅读 · 0 评论 -
密码—加密、解密
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 · 345 阅读 · 0 评论 -
各种全局方法的引用
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 · 819 阅读 · 0 评论 -
webstorm+vue初始化项目的方法
vue新项目准备:1、安装nodejs,官网下载傻瓜安装node -v 验证2、npm包管理器,是集成在node中的,所以安装了node也就有了npmnpm -v 验证3、安装vue-cli脚手架构建工具npm install -g vue-clivue新项目构建:1、初始化项目模板:vue init webpack-simple yunshi-approve...原创 2019-10-31 09:39:09 · 940 阅读 · 0 评论