element
关注
分享
扫一扫
文章平均质量分 55
屋昂仼
emo
展开
-
【权限】一次前端权限的另类思考 一次路由深浅拷贝的记录
权限需求是前端比较常见的，但是因为每个团队，确切的说是每个后台思想不同，所以做法各异。现在我们团队中的后台，是返回一个标志数组，这个数据中记录了一些菜单的标志，以便于前端进行判断，那些菜单需要显示或者不显示。比如后台返回一个权限的标志数据：['menu1', 'menu2', ...]前端的路由只能全部写死，然后递归判断，比如:// 前端路由表const routes = [ { path: '/menu1', meta: {原创 2020-12-08 13:50:43 · 295 阅读 · 0 评论 -
【axios封装】面对多个baseurl 如何封装请求方法 多个服务器请求地址
一般情况下，我们在项目中全局设置了请求地址。比如 vue 中，在.env.development文件中可以设置：# just a flagENV = 'development'# base apiVUE_APP_BASE_API = 'http://192.168.6.101:8701' // 服务地址这样开发时，全局在axios中封装直接设置baseUrl也很方便，比如在 封装axios时候，可以这样：...// 设置一下就可以了，注意这里是全局设置了服务地址axios.原创 2020-12-16 12:35:35 · 10128 阅读 · 2 评论 -
js正则验证弱密码（大小写，特殊字符，数字不少于8位） element-plus 表单验证
前端对于弱口令的校验，包含大小写、数字、特殊字符中至少三种原创 2022-09-01 14:21:42 · 5693 阅读 · 0 评论 -
【动态组件】vue 动态创建不同的组件 利用循环遍历 component is 解决问题
现在有个需求，点击按钮生成不同的组件，同时要在每个组件中记录一下当前组件的索引值。突然想到了可以把新增的组件push到一个数组中维护，然后拿到数组中的索引值放进新增的组件中。同时利用 component 解决东投资组件的问题。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi原创 2020-10-29 19:05:54 · 4025 阅读 · 1 评论 -
【post请求下载文件流】如何使用post请求下载文件流 blob
最近有个需求，做文件的下载。其实下载没什么要特别说的，之前都是用的get请求，这次不同，后台用的post请求，返回的是数据流，这种post请求下载文件的方式倒是没怎么弄过。记录一下。接口接口地址为： /file/download/${id}前端请求这里要注意（这个是重点）设置 responseType: 'blob'。我这里用 axios 请求，代码如下：import {axios} from '../../config';import {BaseURL} from "@/serv.原创 2020-09-24 12:32:13 · 15438 阅读 · 0 评论 -
【国际化】vue element 国际化 切换语言 中英文 i18n
1、安装i18nnpm i -S vue-i18n2、创建lang文件夹src下创建lang文件夹，创建三个文件，分别是 index.js en.js zh.js;如下：2-1、index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import locale from 'element-ui/lib/locale';import enLocale from './en'import zhLocale fr..原创 2020-12-03 13:19:41 · 825 阅读 · 1 评论 -
elementui 循环添加方法
需求：循环添加同一个组件，比如添加10个相同组件，这时候方法总不能在methods里边写10个吧，这样太low。解决办法：一个箭头函数就搞定。例子： <el-input-number v-model="item.num" size="mini" ...原创 2020-04-24 11:09:01 · 1517 阅读 · 0 评论 -
vue element table 动态渲染表头 生成表格
一个需求：父组件上的一些筛选条件影响到了子组件的table表头。也就是说这个表头是动态添加的，不固定。子组件 -> table 组件<template> <div class="fund-evalute-result"> <el-table style="100%" :data="re...原创 2020-04-21 13:58:29 · 2426 阅读 · 0 评论 -
vue elementui upload axios formdata多图片上传填坑记
项目需求 项目中要实现一个文本上传和多图片上传的功能，如图所示：乍一看，真尼玛简单。直接上代码布局：<el-form ref="form" :model="form" :rules="rules"> <div class...原创 2020-01-07 10:25:53 · 996 阅读 · 0 评论