qq_40639028的博客

前端实现电子签名。

防抖节流

el-input框输入数字千分位保留两位小数显示，传给后端转为正常数字。

普通数组（元素之间有父子关系）转换树形数组的方法。

思路：1、使用input输入事件；2、使用正则表达式结合replace替换输入的非数字。

重点是要用到键盘删除事件@keydown.delete，通过该事件拿到input的e.target。如果在不能删除的区间，则阻止删除的事件@keydown.delete。以上还是存在bug，当正常输入字符发现没得问题，但当使用输入法进行文字字符等输入的时候，还是能正常的输入，因此需要再使用两个事件：@onCompositionStart输入法输入开始事件和@compositionend输入法输入结束事件。因此还需要键盘按下事件@keydown，当定位在1-7个字符之间时，阻止事件触发。......

主要是用到css的动画属性：animation ， transform；vue的@mouseenter鼠标移入事件，@mouseleave鼠标移出事件。上代码：html: <div class="list_box"> <div id="scroll_box" ref="scroll_box" class="list anim" @mouseenter="stopAn" @mouseleave="leaveAn">

需要用到elementui表格的 1，行样式添加的事件tableRowClassName ；2，行点击事件 rowClick；3，如果表格有复选框还需要用到复选框选择事件 select。直接干代码：1.页面组件***.vue<template> <div> <el-table :data="tableData" style="width: 100%" :row-key="getRowKey" :row-class-name="tableR.

之所以会造成卡顿，是因为该组件是一次性将所有数据全部渲染，dom数量过于庞大，并且在展开树操作的时候，用了大量递归循环语句，性能受到严重影响，造成卡顿。我想到的解决方式有两种：一：分页，让后端添加分页查询，以节点数统计数据条数进行展示。（但实际需求中较少，一般树形表格都是不分页）。二：将请求到的树形数组数据备份（tableDataCopy），初始化仅仅展示指定层级（如第一层树）的数据，将第一层下面的所有的children全部置为null，并记录存在children的节点，设置hasChild..

1.创建dialogDrag.js文件，通过可见区域进行逻辑处理。代码如下：（可直接复制使用）import Vue from 'vue'; //引入vue// 指令v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header');

<el-form-item label="用户列表"> <el-autocomplete class="inline-input" @clear="clearUser" clearable v-model="paramData.userName" :fetch-suggestions="querySearch" placeholder=".

window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本，不用管是否跨域。一个文档里的脚本还是不能调用在其他文档里方法和读取属性，但他们可以用window.postMessage结合window.addEventListene这种消息传递技术来实现安全的通信。window.addEveantListener('message',(event)=>{})event 的属性有：data: 从其他 window 传递过来的数据副本。 ori..

因为swiper和vue-awesome-swiper的版本较多，如果使用最新的版本，或者两者版本差距较大，就容易掉进很多的坑里面，各种报错。切记，版本一致，建议使用@3.X版本。首先，安装swiper和vue-awesome-swipernpm install swiper@3 vue-awesome-swiper@3 --save然后，按需引入项目文件 import { swiper,swiperSlide } from "vue-awesome-swiper";

当循环语句与定时器setTimeout，结合使用时，如果直接写，定时器，不会起作用；而且一不小心还容易出现死循环等情况。刚开始，我以为是简单的同步和异步问题，我就使用了es7的async和await处理，但是没有生效，还是循环语句优先同步执行了。于是，我想到了闭包，将内部定义的作用域给外部，用再用setTimeout去接收，最后成功实现。代码如下： let time=1000; let animation='animation'; let styl