Vue-Element

vue-element根据后端返回的值，在表格内生成二维码并且下载

1:安装qrcodenpmiqrcode2:引入qrcodeimportQRCodefrom'qrcode'3:页面下载4:方法//封装方法生产二维码asyncgetCode(data){console.log(data,';;;')try{constdataSting=data.toString()constqrCodeData=awaitQRCode.toDataURL(dataSting)r

爬坑的小白·2024-09-10 14:51

vue-element安装scss后报错

报错信息：TypeError[ERR_INVALID_ARG_TYPE]:The"path"argumentmustbeoftypestring。报错原因：版本问题（已安装node-sass和sass-loader的情况下）解决方案：package.json文件中的node-sass和sass-loader版本改成："node-sass":"^4.11.1""sass-loader":"^7.3.

print_printf·2024-02-12 23:30

Spring Boot + vue-element 开发个人博客项目实战教程（二十、登录日志、用户、分类管理页面开发）

⭐作者简介：码上言⭐代表教程：SpringBoot+vue-element开发个人博客项目实战教程⭐专栏内容：零基础学Java、个人博客系统学习讨论群：530826149项目部署视频https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b文章目录项目部署视频前言一、登录日志页面1、

码上言·2024-01-15 05:27

Spring Boot + vue-element 开发个人博客项目实战教程（八、用户中心功能实现）

⭐作者简介：码上言⭐代表教程：SpringBoot+vue-element开发个人博客项目实战教程⭐专栏内容：零基础学Java、个人博客系统学习讨论群：530826149项目部署视频https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b文章目录项目部署视频前言一、引入Lombok

码上言·2024-01-15 05:57

记录 vue-element登录请求遇到cors跨域错误及解决方法

如下图发生了CORS错误，再看看服务端，是一个简单的flask应用可以看出前端的预请求，options是成功的，但是post请求的时候是失败的，AccesstoXMLHttpRequestat‘http://127.0.0.1:5000/user/login’fromorigin‘http://localhost:9527’hasbeenblockedbyCORSpolicy…解决方法：在服务端增

bianlidou·2024-01-08 14:58

【仅记录】vue和activiti前后端分离的bpmn工作流搭建及部分问题解决方法

做的前后端分离的版本，前端是vue-element框架，后端是activiti的。

kikaori-茶·2024-01-05 16:20

vue-element ui-axios-springboot环境：文件和表单上传后端

此文，主要讲解elementui的文件上传功能，以及文件+表单一起作为参数被后端接收的内容。！！！下面是代码vue-elementui-axios代码文件上传<!--:on-change=“chan

zsj_javaer·2024-01-05 08:31

Spring Boot + vue-element 开发个人博客项目开发（七、Postman测试接口）

前面的功能模块已经写完了，启动也能正常运行，不报错，单这些功能到底有没有用，能不能将数据保存到数据库中，我们不得而知，需要实施一定的方法去验证，要确保自己的代码能够泡桐，才可以交付给前端开发，使用的测试工具是Postman进行接口测试一、Postman介绍1.什么是PostmanPostman是一个接口测试工具，在进行接口测试时，Postman相当于一个客户端，它可以模拟用户发起的各种HTTP请求

火木火木·2023-12-22 22:34

vue-element安装富文本编辑器vue-quill-editor教程

在vueui面板中安装vue-quill-editor依赖命令安装npm install vue-quill-editor --save#oryarn add vue-quill-editor使用方法在main.js导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // i

季夏梧桐·2023-12-21 14:37

el-tree只有叶子节点才显示勾选框vue-element

实现效果：template中：引用element的el-tree，其中show-checkbox为显示勾选框，选择true，默认所有节点均有勾选框。在style中：.el-tree-node{.is-leaf+.el-checkbox.el-checkbox__inner{display:inline-block;}.el-checkbox.el-checkbox__inner{display:n

刚刚好ā·2023-12-18 22:31

SpringBoot+Vue+Vue-ElementUI实现登录功能（前后端分离）

目录前言一、vue-Element实现登录页面二、后端实现三、对应实现视频推荐前言首先我们需要用命令创建一个vue项目，这里就不详细说，因为已经写过一篇文章，关于命令创建，最好都用命令创建和安装，链接如下

小样yx·2023-11-30 05:59

Vue-element 种 resetFields()那些坑

哈喽，小鱼儿又回来啦，哈哈哈哈哈哈哈哈哈哈哈，最近正在进行项目的初步调试阶段，在此过程中呢就发现，this.$refs['ruleForm'].resetFields()经常会报错！具体描述我的form在两个dialog中，分别是添加、修改，界面上都有两个按钮，添加/修改、取消，如下图所示：打开添加窗体报错显示.png添加、修改按钮显示.png界面加载之后，点击添加，再点修改是没问题的，就是**先

小鱼儿_逆流而上·2023-11-27 16:57

vue前台导出zip文件_Vue 框架下实现导入导出 Excel、导出 PDF

以下是实现Excel报表的导入导出、PDF导出、打印表格的一些思路，供大家参考：环境介绍1.后台：SpringBoot2.x2.前台：vue、vue-element、webpa

weixin_39911475·2023-11-23 07:14

html实现pdf导出excel表格,一篇文章详解：Vue框架下轻松实现Excel、PDF导出

以下是实现Excel报表的导入导出、PDF导出、打印表格的一些思路，供大家参考：环境介绍后台：SpringBoot2.x前台：vue、vue-element、webpack、i

孙天任·2023-11-23 07:43

vue 导入excel插件_Vue框架下实现导入导出Excel、导出PDF

以下是实现Excel报表的导入导出、PDF导出、打印表格的一些思路，供大家参考：环境介绍1.后台：SpringBoot2.x2.前台：vue、vue-element、webpa

攻气直女·2023-11-23 07:13

vue-element/umyui 监听表格列宽变化

需求：用户通过拖动表格列宽来实现保存用户自己的个性化设置解决：因为是要动态获取用户设置的列宽，所以需要去监听列宽变化才行，百度找了好几个都不太合适，然后发现element文档自带这个事件，所以浪费了一堆时间，所以文档还是得仔细瞅但是呢，我用的是umyui的ux-grid，而umy只是改造了element-ui等等库的表格组，所以umy中ux-grid这个事件返回的参数和element是有区别的，并

今夜大风·2023-11-21 00:22

Vue-Element UI 组件使用经验，动态二维码生成，node.js 之使用 util 工具类发送请求，uniapp忽略路径中#，前端总结大杂烩，附代码解析（持续更新）

目录一、Vue-ElementUI1.表格el-table2.弹框3.按钮（预授权）4.组件template5.抽屉el-drawer6.动态生成二维码二、node.js1.node.js引入util.js工具类三、uniapp1.view标签2.onLoad(options)获取url路径上参数3.解决微信开发中H5路径中的"#"影响跳转一、Vue-ElementUI1.表格el-table@s

椎名寒影·2023-11-20 05:20

Vue-element ui 按钮倒计时效果

{{getCode}}exportdefault{name:'demo',data(){return{getCode:'获取验证码',isGeting:false,count:60,disable:false}},methods:{getVerifyCode(){varcountDown=setInterval(()=>{if(this.count.codeGeting{background:#c

badxcat·2023-11-16 12:36

vue-element日历calendar组件个性化改造（备忘录圆点、点击事件）

需求如图，总结如下1.根据后台返回的数据，判断有备忘录的给出标注，memoLevel为紧急程度1为紧急（红色），2一般（蓝色），3不重要（绿色），显示小圆点，2.如果同一天出现很多条备忘录，根据第一条紧急程度显示圆点颜色，3.点击每一天请求数据，显示当天的备忘录，4.页面初始化显示当月数据5.点击上个月、当天、下个月请求对应日期的数据废话不说，上代码html日程安排与计划查看全部{{data.da

管小姐的斐波那契·2023-11-13 10:58

vue-element el-table 使用sortablejs拖拽排序

需求描述vue-element-admin开发过程中需要对el-table行进行排序（即每一行可以上下移动），然后将排序后的数据传给后台更新数据。该表格无分页。问题分析方法一：可以采用在每条数据中加两个上下移动的按钮，每次移动一行。该方法实现简单，不过要连续移动的时候需要多次调用接口，交互效果不太好。方法二：可以采用table的拖拽功能实现行的一次性拖拽。该方法可以实现拖拽后调用接口，任意移动多行

cnmone·2023-10-17 09:47

vue 实现模糊搜索功能，vue-element ui改编input模糊查询

vue实现模糊搜索功能根据输入的内容进行查找数据，然后展示含有输入内容的数据{{item.name}}数据结构data(){return{issue_content:"",//输入框中的内容serch_result_issue:false,//控制搜索的问题显示隐藏serch_result:[{name:"忘记了密码怎么办?"},{name:"如何成为星签约者"},{name:"什么样的文章能够被

acoolgiser·2023-10-17 07:46

Vue+elementUI

创建一个名为vue-element的工程命令：vueinitwebpackvue-elemen

忘川茶社·2023-10-11 22:22

前端-Vue-element-开发指南

电商管理系统框架Vue-element电商管理系统电商管理系统框架1介绍了解项目实战的学习目标2电商项目基本业务概述3后台管理系统功能划分4项目开发模式技术选型5项目初始化可视化面板配置6配置码云SSH7

amingMM·2023-10-11 08:24

后台管理系统 Vue-Element 基础功能

数组操作letarr=this.deviceIds.split(',');//拆分编号arr.splice(i,1)移除数组某个元素arr.join(',')//合并成字符串简介基于Vue+Webpack+ElementUI框架，实现后台管理系统基本布局使用npm安装vue和vue-cli，并使用webpack创建项目vue2.0版本中，[email protected]的最新稳定版本默认使用webpack3

Lyndon1107·2023-10-10 03:38

Vue-element简易后台管理系统

采用vue2+element构建网页主体,node作为本地服务器,mysql作为数据库,echarts做了一丁点可视化.项目路径一:配置路由以及服务器1.配置vue.config.js取消lint以及配置代理服务器解决跨域问题可以在服务器app.js引入cors模块解决跨域,就不用配置代理了.const{defineConfig}=require('@vue/cli-service')module

Pomegranate丶·2023-09-29 00:51

VUE-ELEMENT实现动态菜单递归组件

VUE-ELEMENT实现动态菜单递归组件刚入行前端的小伙伴们应该都是在公司框架之上进行开发的吧，菜单路由接口调用都给安排的好好的，需要做的只是创建一个vue，链接上路由，开发业务。

多喝烫水_·2023-09-28 09:07

新建vue-element项目

创建vue项目快速上手|Vue.jsnpmcreatevue@latestcdnpminstallnpmrundev构建生产包：npmrunbuild安装Chrome插件：https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd引入element-plus安装|ElementP

jvmyes·2023-09-21 16:31

vue-element（三）使用vuex 管理全局数据

一、安装及引用1.安装npminstallvuex--save2.在main.js中引用importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'importstorefrom'./store'Vue.use(ElementUI)Vue.config.productionTip=false/*eslint-disableno-n

陈凌川·2023-09-20 16:19

vue-element 实现分页表格全部数据的导出

1.安装依赖尽量先设定好用国内淘宝镜像，不然很可能安装出问题。npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader2.新建文件夹，放置Blob.js和export2Excel.js放在assets下面。Blob.js/*!@sourcehttp://purl.eligrey.com/github/Blob.js/blob/m

TRACER~85·2023-09-08 03:34

vue-element（五）高亮编辑器（Monaco）组件

参考Vue项目中使用高亮编辑器（Monaco）:https://blog.csdn.net/breavo_raw/article/details/88080451一、monaco安装和插件配置安装monaconpminstallmonaco-editor-S安装monaco-editor-webpack-pluginnpminstallmonaco-editor-webpack-plugin-S配

陈凌川·2023-09-05 17:25

vue-element＞＞＞指定表格中的某一列或者多列【单元格】合并＜＜＜

项目场景：需求：不仅仅是左侧列的合并还有中间以及尾部列单元格的合并，饿了么官方目前只有起始列的合并案例实现效果如图所示：>>>合并行-列的代码封装：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP中接收数据代码：exportconstmergeCol=({condition,colIndex,isBefore=true，data=[]})=>{

べJL·2023-08-12 19:57

Vue-element列表el-date-picker实现自定义高亮显示日期

一、需要来源一个需求，需要在列表里面的按钮点击弹窗日期选择，然后disable指定的日期间值。话不多说，先上效果图Note：这个在网上找方案的时候，因为这个是有很多的限制存在，并且，点击提交需要选择月份之后进行事件的触发，如果当当以行数据指定的话，无法进行触发，当然解决方案也很简单，就是改变存储值，变成一个数组，然后在查询的时候，保存了对应的数据，然后通过scope.$index进行下标寻值然后高

RCLack·2023-08-07 01:34

在Vue-Element中引入jQuery的方法

一、在终端窗口执行安装命令npminstalljquery--save执行完后，npm会自动在package.json中加上jquery二、在main.js中引入（或者在需要使用的页面中引入即可）import$from'jquery'三、使用jquery

行者张良·2023-07-30 01:01

Nuxt + Vue-Element - 通用应用框架

文章目录Nuxt/Vue-Element-通用应用框架一、入门1.1模板代码拉取1.2目录结构介绍1.3客户端渲染/服务端渲染二、基本使用2.1场景一：新写一个模块及页面2.2场景二：后端数据交互（Axios）2.3场景三：XXXX结束Nuxt/Vue-Element-通用应用框架文章目录安装-NuxtJS|Nuxt.js中文网介绍|vue-element-admin(panjiachen.git

「已注销」·2023-07-26 20:57

vue-element表格拖拽解决方案 sortablejs

需求背景-支持拖动调整顺序技术方案sorttablejsnpminstallsortablejs--save//安装importSortablefrom'sortablejs'//使用的页面引入就是el-table上面必须要添加row-key的值是在获取到的列表数据中必须具备唯一的值才不会导致拖拽顺序紊乱！！！！row-key可以取服务端下发唯一值row-key=“id”，也可以使用一个函数返回随

这个代码超级难·2023-07-19 03:49

Vue-element后台管理框架-点击菜单，气泡，面包屑之间的相互联动，

vue-element后台管理框架，点击菜单、tag、面包屑之间的相互联动上图看效果上图看效果相信很多小伙伴和我一样，初识vue-elementuiadmin后端管理框架时，由于对vue和elementui

螺丝钉小猿·2023-06-14 13:59

90.qt qml-Table表格组件(支持表头表尾固定/自定义颜色/自定义操作按钮/排序)

众所周知，qmltable在目前版本还很废，qt5的table完全就没法用，在之前章节就写过:88.qtqml-TableView学习（一）_诺谦的博客-CSDN博客所以本章便参考VUE-Element

诺谦·2023-06-09 02:09

vue-element 使用插件clipboard实现复制功能

1.安装clipboard插件------------npminstallclipboard2.引入：importClipboardfrom"clipboard";3.页面使用{{item}}复制4.data定义linkList:['https://www.youtube.com/watch?v=YQHsXMglC9A','https://www.hello-products.com/','htt

吴小花的博客·2023-06-07 17:17

Spring Boot + vue-element 开发个人博客项目开发（六、用户中心功能实现）

前面用了六节内容把项目的项目配置，项目日志、项目管理以及数据库建立起来了。用户中心主要是我们对账号的管理，用户登录账号等，现在暂时不做权限角色的管理，只是先做一个角色的用户登录。一、引入Lombok1.为什么要引入lombok在本项目中我们要使用Lombok注解，可以帮我们省略大量重复代码编写工作，正所谓：任何技术的出现都是为了解决某一类问题，我们在学习基础的时候应该都学过getter/sette

火木火木·2023-04-17 16:43

Spring Boot + vue-element 开发个人博客项目实战教程（十七、登录功能实现（下））

文章目录前言一、后端登录功能1、新建登录接口2、shiro的引入2.1、简介2.2、架构2.3、添加shiro依赖3、配置shiro3.1、MyShiroRealm.java3.2、ShiroConfiguration.java3.3、登录接口login3.4、登录info接口4、跨域二、前后端分离会话问题解决1、导入shiro整合redis的jar包2、自定义SessionManager类3、S

码上言·2023-04-17 16:09

Vue.js 2.0 插件

插件的范围没有限制——一般有下面几种：添加全局方法或者属性，如：vue-element添加全局资源：指令/过滤器/过渡等，如：vue-touch通过全局mixin方法添加一些组件选项，如：vuex添加Vue

Blur Blue·2023-04-14 13:52

vue + vue-element 实现base64文件上传(作者已实践)

一、使用element-ui中的upload组件//文件上传组件//图片展示二、定义datadata(){return{userInfo:{}}}三、编写方法//用于获取base64字符getBase64(file){returnnewPromise((resolve,reject)=>{constreader=newFileReader()letimgResult=''reader.readAs

执丶笔·2023-04-09 19:00

vue-element（四） el-table滚动加载

说明自用一、自定义指令实现参考：vueelement-uitable表格滚动加载template我~是有底线的(～￣▽￣)～scriptexportdefault{name:'WbTable',//自定义指令//vue官方文档：https://cn.vuejs.org/v2/guide/custom-directive.htmldirectives:{loadmore:{bind(el,bindi

陳析·2023-04-09 18:52

element的上传

实现框架：vue-element遇到的问题：后台无法拿到token这是element的写法在项目中我直接使用vue-element的上传组件，发现出现session丢失，后端无法获取到sessionid

陈永仁lol·2023-04-09 03:54

vue-Element UI Tab选项卡从子页跳回选项卡问题

一、ElementUITab选项卡从子页跳回选项卡情景：1.有一个Tab选项卡(TabA、TabB、TabC),对应三个页面（页面A、页面B、页面C）2.在页面A、页面B、页面C中，都可以跳转到相应的子页面3.在子页面中跳转回到相应的Tab二、解决思路：在C的子页面返回时，传递一个参数active:“c”,在Tab页中接收这个参数，并且判断，当active=“c”时，改变Tab的activeNam

Marissa_z·2023-04-05 21:39

Vue-Element前端框架搭建注意事项

1.前期准备需要在本地安装node和git。本项目技术栈基于ES2015+、vue、vuex、vue-router、vue-cli、axios和element-ui，所有的请求数据都使用Mock.js进行模拟。相关知识需要自己去相关网站学习。Node安装地址：http://nodejs.cn/download/Git安装地址：https://git-scm.com/Vue官方网站：https://

Watson1029·2023-03-23 20:07

vue-element（二）样式相关

说明自用一、项目中使用scss1.安装npminstallsass-loadersass-resources-loaderstyle-loadercss-loader--save-dev2.修改sass-loader版本在package.json中修改将"sass-loader":"^8.0.0",修改为"sass-loader":"^7.3.1",3.使用在*.vue中使用SCSS教程二、全局引

陳析·2023-03-17 12:09

vue-element Form表单验证（表单验证没错却一直提示错误）

在使用element-UI的表单时，发生一个验证错误，例如已输入值但求验证纠错：代码如下所示：rules:{correctorEmail:[{required:true,message:'请输入联系人邮箱地址',trigger:'blur'},],},绑定都是没有错误的，然后我们利用自定义校验规则验证this.$refs[formName].validate((valid)=>{if(valid)

饥人谷_Leonardo·2023-03-13 15:35

Vue-Element之数据赋值与重置

父组件传递给子组件的对象变量，不能直接赋值或通过计算属性给子组件的变量赋值。因为对象的特性，直接赋值会使得子组件中对象的取值受到父组件中相应对象的影响。应采用下面的形式letform=Object.assign({},this.formInline)服务器返回的数据覆盖表格中的内容，不用循环数组push的方式给tableData赋值，而采用下面的形式，直接赋值this.tableData=res.

晔子与Bug的战斗史·2023-03-11 10:49

vue-element后台系统总结

主页面滚动条消除在全局写入样式消除margin和paddingheight:100%*{margin:0;padding:0;}html,body,#app{height:100%;}relativerelative.pngpx2rem配置在vue.config.js里写入module.exports={css:{loaderOptions:{postcss:{plugins:[require('

targeter·2023-01-30 03:50

推荐频道