- 博客(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
原创 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关注的人