自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 vue+element ui面包屑结合tabs

routes: [{path: '/',},// 用户登陆路由meta: {tabInfo: {label: '菜单管理',},meta: {tabInfo: {label: '系统角色',},meta: {tabInfo: {label: '系统用户',},meta: {tabInfo: {label: '机构管理',},// 添加机构测试meta: {tabInfo: {label: '菜单管理',},// 工作台meta: {tabInfo: {

2023-05-12 17:20:19 828

原创 Vue2面包屑导航

【代码】Vue2面包屑导航。

2023-05-12 16:57:36 391

原创 VUE+Element Ui+axios 上传多张图片

VUE+Element Ui+axios 上传多张图片这里我们需要取消他的自动上传;在组件里引入axios;multiple 是否支持多选文件;auto-upload 是否在选取文件后立即进行上传;http-request 覆盖默认的上传行为,可以自定义上传的实现如果我们想自己渲染列表的话需要添加show-file-list 是否显示已上传文件列表<el-upload v-loading="loading" element-loading-text="拼命加载中" class="u

2021-11-17 13:52:33 696

原创 2021-11-15

1,首先下载axiosnpm install axios -saveimport axios from "axios";/** * baseUrl 请求基础地址 * isDebug 是否调试,一般用于日志打印 */let baseUrl = process.env.VUE_APP_HTTP_BASE_URL;axios.defaults.timeout = 15000*4*3;axios.defaults.baseURL = baseUrl;axios.defaults.withCr

2021-11-15 11:42:55 490

原创 axios封装 接口统一管理

axios封装 接口统一管理.1,首先下载axiosnpm install axios -save看看目录结构这里呢我们在src文件下创建了utils文件夹下面的http.js文件设置拦截器然后呢进行分装请求方法然后呢我们在另一个页面引入使用的时候然后我们组件里引入...

2021-11-15 11:08:20 456

原创 VUE+Element Ui上传图片及其文件

VUE上传图片及其文件!!!!!!这里呢自己渲染的图片以及删除方法样式可以自己修改调整上传以及回显<el-form-item prop="picture" style=""> <el-upload action="#" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :http-request="uploadAvata

2021-11-12 11:56:45 891

原创 2021-10-21 Table选中回显以及下载与批量导出文件

Table选中回显以及下载与批量导出文件首先创建表格还需要ref=“xxxxx” 以及 @selection-change=“xxxxx”同时:data里面我们需要multipleSelection: [],multipleSelectionAll: [],idKey: “policyNo”,(标识当前行的唯一键的名称)接下来就是上方法了多选表格// 表格 分页记忆 已经 选中项// 设置选中的方法// 记忆选择方法然后呢我们还需要再执行一次记忆勾选数据匹配,目的是为了在当

2021-10-21 17:43:01 284

原创 2021-10-21 实现在html页面显示之前执行js方法

实现在html页面显示之前执行js方法第一种方式是把方法写在head中(亲测有效)考虑到多个页面的使用我们js 采用外链js里面写我们判断的方法和要执行的事件第二种方式是使用body的onload方法第三种方式是使用$(document).ready()...

2021-10-21 14:48:53 594

原创 2021-09-29 vue实现对表格数据的增删改查及分页

vue实现对表格数据的增删改查及分页这里我们点击添加修改以及详情所出现的弹框都是加载到另一个页面的,如下:表格与添加当我们引入添加组件时需要:点击添加<el-button type=“primary” @click=“addModel”>添加弹出添加页面 <el-dialog width="600px" :before-close="closeBeforeFun" :visible.sync="dialogFormVisible"> <Reverse

2021-09-29 10:53:56 456

原创 2021-08-19 VUE Element-UI Table 表格指定列添加点击事件

VUE Element-UI Table 表格指定列添加点击事件这是我们的一般使用方法,只能将数据进行展示。我们需要在el-table-column标签里面来进行处理我们在标签里面加上我们自定义的标签,可以通过{{scope.row.title}}的方法来获取数据,并来修改展示的效果。如下面所示。...

2021-09-24 18:07:43 383

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除