elementui
elementUI中upload自定义上传行为 http-request属性
需求是上传一个xlsx后台处理完再返回xlsx流upload 请求需要添加responseType: 'blob' 属性所有要扩展一下 若依项目扩展elementUI中upload自定义上传行为 http-request属性 ``` 将文件拖到此处，或点击上传 仅允许导入xls、xlsx格式文件。 ......
在elementui admin中动态生成二维码
1.安装依赖 npm i qrcodejs2 --save 2.template中 <template> <div> <el-input v-model="QRCodeInfo" placeholder="请输入二维码内容"></el-input> <el-button type="primary" ......
elementui admin中使用外部链接 iframe进行页面的展示
有时候我们需要外部链接进行展示而且想要这个外部链接的页面不是打开新窗口而是嵌入在项目布局中，就需要用到iframe控件了， iframe控件不需要安装依赖包，可以直接使用 1.在template中写 <template> <div> <iframe :src="linkUrl" frameborde ......
elementui admin项目中使用echarts
1.引入依赖 npm install echarts --save 2.在template中写 <template> <div> <el-card> <div id="mychart" :style="{height:height,width:width}"></div> </el-card> </ ......
基于vue+elementUI使用vue-amap高德地图
首先，需要去高德地图进行注册一个 https://lbs.amap.com/?ref=https://console.amap.com/dev/index ，得到一个key 然后 安装依赖 npm install vue-amap —save 在main.js中加入 import VueAMap f ......
elementui 分页page-size current-page 不随着组件改变问题
问题出在未使用 .sync 上! :current-page.sync="pageData.PageIndex" :page-size.sync='pageData.PageSize' <el-pagination @size-change="handleSizeChange" @current-c ......
ElementUI 获取table中选中的行的两种方式
Element获取table中选中的行的两种方式 <el-table ref="multipleTable" :data="data" style="width: 100%" border @selection-change="selectionLineChangeHandle" > </el-ta ......
elementUI 日期范围设置结束日期范围
1、主要使用pickerOptions的onPick属性 <el-date-picker v-model="addForm.gwmDate" clearable type="daterange" range-separator="至" start-placeholder="开始日期" end-pla ......
springboot+elementUI
### 功能简介 后端用springboot实现数据库的增删改查，前端用vue中的element UI编写，实现简单的数据展示和增删改。 ### 环境准备 1.vue环境 vue安装：https://www.cnblogs.com/xiaozhaoboke/p/16888421.html 安装好后打 ......
vue+ elementUI
1、在dos窗口下运行命令 npm i element-ui -S 安装elementui  2、配置elemen ......
elementui弹窗每次更新
如下，他俩一起使用 ```js :visible.sync="dialogVisible" v-if="dialogVisible" ``` ![](https://img2023.cnblogs.com/blog/1187636/202306/1187636-20230612180024902-1 ......
vue之elementui使用， vuex使用， Router使用， localstorage和sessionstorage,和cookie
[toc] # 一、elementui使用 **网址**：https://element.eleme.cn/#/zh-CN/component/installation ## **下载插件** ```python cnpm isntall -S element-ui@2.9 ``` ## **vue ......
elementui input-number
固定步长 step-strictly <el-input-number v-model="form.switchSecond" placeholder="请输入切换时间" style="width: 600px" :min="1" :max="1000" :step="1" step-strictl ......
vue使用 elementUI中el-upload的遇到的问题总结
使用场景，使用el-upload上传文件，选择文件后不立即上传到服务器上，点击提交按钮时与其他form表单数据一起提交，类似的需求，相信有很多小伙伴遇到，可能也会遇到跟我一起的问题，在这里记录一下 <el-upload class="upload-file" action="" :on-change ......
Vue第三方框架之ElementUi
[toc] # 一 Elementui引入 Elementui官网：https://element.eleme.cn/#/zh-CN/ * 是一个ui 库，控制样式的，它就是vue的一个插件 在vue项目中引入 elementui 1. 在项目中安装： ```python # 安装最新版本 cnpm ......
vue项目的使用，前后端（vue）实现登录，混入mixin（多个组件都要使用的配置放在一起），插件（用于增强Vue，有很多第三方插件），Elementui的使用（样式）
# 解析一下vue项目  ## index.html文件：就是被根组件【template】写什么，这里就 ......
elementui局部全屏无法显示tooltip，popover等基于vue-popper类开发的组件
因为这些元素都是插入到body里面的，而当某一div全屏后由于层级原因无法显示这些组件，解决办法如下  ......
vue+elementUI 搜索栏公共组件封装，封装多搜索条件通用组件，超实用
1、新建BaseSearch.vue文件 <!-- *名称：弹窗的搜索条件组件 *功能：methods 1.点击搜索的方法：@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form ......
elementUI实现excel导出文件
需要导入依赖 npm install -S file-saver xlsxnpm install -D script-loader html页面： <el-button icon="el-icon-document" style="float: right;margin-top: 5px;margi ......
elementUI下拉框图片
1、定义数据 optionsisAgent: [ //事项咨询 群众标识 { id: '1630396469564334081', name: '高危', url: require('@/assets/err.png') }, { id: '1630396631468662786', name: ' ......
VUE+elementUI前端导出解决方案，截断，清晰度，页边距，页眉页脚，富文本都处理了
pdfLoader.js /* * @Description: html转pdf 新版解决方案 * @Author: jeseven/wwl * @Date: 2023-05-23 10:03:57 * @LastEditTime: 2023-05-23 10:23:22 * @LastEditor ......
在elementUI-admin中使用printjs进行打印功能的处理
1.需要加入依赖 npm install print-js --save-dev 2.通过数据的处理打印表格（推荐） 在utils文件夹下创建print.js文件 import printJS from "print-js"; /** * * @param { * title:"", // 表名 * ......
vue+elementUI 合并行3
1、返回数据为一维数组 getData() { that.tableData = res.data.data.list; } 2、合并函数 挂在vue底层： Vue.prototype.$spanMethodFunc=function(list, props, row, col) 写在method内 ......
vue+elementui 合并行
1，数据格式是二维的 如：o:{id：123， prams:{name:aaa,age:11} } 的对象 第一步：先获取返回的数据为indexInfoList，遍历转化为一维数组 that.indexInfoList.forEach(ele => { if (ele.prams.length >= ......
ElementUI的form表单验证注意事项
# ElementUI的form表单验证注意事项 ## 1. 踩过的坑，记录一下。 1. 验证表单时一直提示必填项未填写，实际已经填写了。 ## 2. el-form的正确使用流程 1. el-form就是最外层的form表单，做验证有`三个必填属性`，不填写验证就会不正确。 - ref属性：相当于 ......
springboot+springsecurity+jwt+elementui图书管理系统
图书管理系统 一、springboot后台 1、mybatis-plus整合 1.1添加pom.xml <!--mp逆向工程 --> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactI ......
ElementUI——表单使用自定义验证导致无法提交
# 前言 表单使用自定义的验证,验证失败正常提示,验证成功却无法提交~ 原因很简单,因为在自定义校验立没有添加成功的`callback` # 内容 ## 错误代码 ``` checkBudget(rule, value, callback) { if (!value) return callback ......
ElementUI tree 折叠全部节点
第一 引入树组件，需要通过按钮来控制展开/折叠必须要配置 ref 属性和node-key，树数据要和node-key能匹配 <template> <el-button @click="foldTree">折叠全部节点</el-button> <el-button @click="expandTree ......