功能介绍:运用keep-alive自带的方法,结合beforeRouteEnter和beforeRouteLeave方法实现前进重新加载页面,返回调用缓存数据。 1、APP.vue <keep-alive v-if="isR
功能介绍:做了一个项目,有7、8个页面,想实现前进刷新,后退缓存,最后用了keep-alive的一个组件方法。 npm install v-keep-alive-chain 1、main.js import { mergeBeforeEac
根据vue-router官网,我们可以明确看到vue-router的mode值有3种分别是hash、history、abstract,其中,hash 和 history 是 SPA 单页应用程序的基础。 const router = new
什么是防抖? 通俗理解,就是我们在点击请求或者点击加载等过程中,只需要点击一次,但由于请求慢,点击了好多次,导致多次请求,防抖就是在点击了好多次之后的最后一次才会请求。 案例分析: <!DOCTYPE html> <htm
问题描述:用vuejs做的项目需要兼容ie9浏览器及以上浏览器,但是在ie9浏览器上运行直接报错,下面给大家介绍一下解决方法! 1、先安装插件 //babel-polyfill npm install babel-polyfill –sa
功能需求:痕迹对比,就是当前文本和历史修改过的文本有什么区别?把2边不同的文字用不同颜色标记出来! 1、template代码 <div class="dialog-mark-diff"> <el-car
1、Form Data方式 //引入Qs import Qs from 'qs' // return request({ headers: { 'Content-Type': 'application
功能需求:在el-input输入关键字,返回查询列表并显示出来。 1.template代码 <template> <div> <el-input type="text" v-model=&q
功能需求:表格需要做排序,拖动需要排序行放在想要的位置。下面需要用到sortablejs插件,下面代码可以直接复制使用! 1、template代码 <el-table :data="list" ref="
功能需求:el-table中有一个字段,想根据不同类型改变不同颜色。下面是代码介绍! 1、用:class判断 <el-table-column prop="type" label="类型">
问题描述:同一用户根据不同权限显示的el-form-item搜索和el-table-column列表(初次显示正常,第二次就会出现错乱问题。) <el-table-column prop="emergency" l
功能需要:页面列表内容太多,不想用接口搜索实时调用,想通过一个input模糊搜索快速查询信息。 1、template <el-input v-model="search" placeholder="请输入
功能需求:做一个身份证后四位输入或汽车牌照输入,每个数字/字母一个input,想输入完当前的input后自动跳到下一个input,删除当前input后自动跳到前一个。 1、template代码 <div v-for="(it
1、思路:先将页面html转换成图片,再将图片生成pdf后下载。 2、安装: //页面html转换成图片 npm install –save html2canvas //图片生成pdf npm install jspdf –save 3
功能需求: 1、点击当前页面按钮刷新指定部分; 2、一个项目很多人在操作,有书写、审核、修改等功能,每次回到当前页面需要自动重新加载接口,又不想刷新当前页面。 功能1: 1、打开app.vue //写入isMenuRefersh <d
1、在el-table中新增:height="tableHd"参数 <el-table :data="listData" border v-loading="dataLoading&q
说明: 1、type="selection"选中事件 2、@cell-mouse-enter鼠标移到列表触发事件 问题:执行@cell-mouse-enter的时候会直接取消type="selection&qu
1、template代码 <el-table:data="listData" @cell-mouse-enter="cellMouseEnter" @cell-mouse-leave="
