![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
沫熙瑾年
同是寒窗苦读,怎愿甘拜下风。
展开
-
前端首次登录强制更改密码
前端第一次登录强制修改密码原创 2022-12-12 10:11:29 · 4506 阅读 · 2 评论 -
vue全局loading配置
请求的时候 需要一个全局loading来拦截 若是页面单独引用的话 就有点繁琐了 所以需要再全局封装一个 此时就要明白 再哪里封装了 先考虑一下 为什么要用 一方面是为了防止重复操作 另一方面是为了一个加载的效果能够更明显 所以 再请求的时候加 就能联想到axios拦截器的位置处理了 话不多说 开始撸代码 全程copy就行了1.再src/componennts/Spinner下面建立一个index.vue<template> <div class="loading-pa...原创 2020-11-06 16:04:02 · 1015 阅读 · 0 评论 -
vue放大缩小拖拽功能
点击放大至全屏 再次点击缩小至原始 这个弹框是基于element dialog的基础上写的1.再utils文件夹下面新建一个directives.js (封装好了 直接拿去用)import Vue from 'vue';import bigPic from '../assets/images/bigChange.png';// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode,...原创 2020-09-24 21:54:41 · 3447 阅读 · 2 评论 -
vue 高级密码设置(以字母开头 由数字 字母及特殊字符组成)
// 是否包含一位数字 const regNumber = /(?=.*[\d])/ // 是否包含一位字母 const regLetter = /(?=.*[a-zA-Z])/ // 是否包含一位特殊字符 const regCharacter = /(?=.*[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·...原创 2020-04-24 16:54:15 · 2801 阅读 · 0 评论 -
vue+element图片上传及裁剪
随便写的一个小demo 功能是没有任何问题 可能里面会有一些小细节没有优化1 安装 vue-croppernpm install vue-cropper2组件内使用import { VueCropper } from 'vue-cropper' components: { VueCropper,},具体可见官网 https://github.com/xyx...原创 2020-04-16 17:13:06 · 3235 阅读 · 4 评论 -
基于element分页封装
在components文件夹里建一个pagination.vue<template> <div> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" ...原创 2020-04-07 13:32:40 · 415 阅读 · 1 评论 -
element 跨分页操作选择
业务需求:在批量导出或者批量删除的时候 会涉及到跨分页导出或者批量删除 这是你会发现 当你选择后 点击分页 发现之前选择的数据已经没有了 现在就是要满足分页点击分页后 原始数据保留<template> <div> <el-table :data="tableData" tooltip-eff...原创 2020-03-10 13:23:59 · 392 阅读 · 0 评论 -
element 多个表单同时验证
做后台管理项目 最常见的就是表格的验证了 简单的表单是很简单的 如果涉及到 表格内部嵌套表单、多表单同时验证时及其他复杂验证时 就相对就有些棘手了 下面我们就先讲一下 多表单同时验证的情况显然 多表单就是一个页面同时使用多个表单 通常不多见 先看下使用场景吧单独的每个标签模块都是一个form 并不是说一个表单满足不了 而是根据业务需求和场景来定义多个直接来看个demo吧我...原创 2019-12-27 15:26:37 · 3061 阅读 · 6 评论 -
element展开表格动态数据
element有个可展开表格 只需要添加 type="expand"就行了 展开项 如果是死数据的话 没有任何问题 但是 如果是动态数据的话 此时就会有很大的坑 当你动态赋值的时候 不管你怎么改变 得到的值都是上一次的值 因为第一次 他的值是默认值 之所以是默认值 是因为他生成表格的时候 就把这个展开项同时生成了 你可以打印一下断点自行查看一下 虽然通过接口获取数据了 但是依旧是赋不上值的 为了验...原创 2019-12-02 15:03:32 · 1246 阅读 · 0 评论