vue+elementUI

vue+elementui表格可以编辑,单元格级联

html代码如下：{{scope.row.fieldVal[item.headKey]}}{{scope.row.fieldVal[item.headKey+'_NAME']}}单元格中下拉框数据格式：//模拟数据{value:"10001",label:"正常装",subList:[{value:"10001.001",label:"纯新品",subList:[]},{value:"10001.
青旋s·2021-04-29 01:49

vue+elementUI el-table 点击表格的某一单元格变成输入框el-input

方法一添加两个方法@cell-click="tabClick":row-class-name="tableRowClassName"点击具体的单元格通过v-if="scope.row.index===tabClickIndex"判断{{scope.row.sqrq}}exportdefault{data(){return{...tabClickIndex:null,//列表当前点击行的index.
一只好大的猫腻哦.·2021-04-25 14:16

vue+elementUI组件递归实现可折叠动态渲染多级侧边栏导航

早就实现了功能，但是发现点击的时候，选中的菜单项背景色会变白，周五时候仔细观察了一下，发现并不是调整样式的问题，而是选项没有被选中，于是好好研究了一下组件递归这块，总结记录一下心路历程一、概念递归：递归其实说白了，就是自己调用自己，样子就像是套娃一个套一个的，小时候玩过一个游戏汉诺塔就是利用的递归原理：函数递归：函数利用函数名还调用自己组件递归：所以组件递归利用的是vue组件中的name属性来实现
·2021-04-23 21:54

VUE QS序列化插件

最近接触了一个Vue+elementui的项目,请求数据使用axios发送请求发现后端接收不到参数,后来知道了要把参数序列化Vue中提供了qs这个插件。
刘松阳·2021-04-18 20:09

用vue+springboot下载和上传excel文件

article/details/98059599需求前端发送下载请求后端接收请求，从数据库拿出数据，写成excel格式，传给前端前端拿到excel进行下载在excel中增加数据将新的excel上传给服务器环境前端vue
linyue1qaz·2021-04-15 01:44

分布式医疗挂号系统(七) | 开发医院设置页面

医院设置微服务模块的后端之前已经完成，现在需要借助Vue+ElementUI完成医院设置微服务模块的前端页面：一、显示记录列表功能1.显示列表组件带斑马纹表格：在页面显示所有记录列表使用ElementUI
编程一只蝶·2021-04-12 23:08

vue+elementUI项目实战1

可视化新建项目打开可视化面板vueui创建项目可以保存为预设,下次使用此预设时就不需要再次配置了创建完成后我们可以看到他的文件结构vue3初体验入口文件在public中,不在根目录配置全局变量根目录新建vue.config.js//Vue.config.js配置选项module.exports={  //选项  // 基本路径vue.cli3.3以前请使用baseUrl  publicPath:"
·2021-04-07 10:32

vue+elementui实现给角色分配菜单的功能

注：本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示：前端代码：首先在角色管理操作中加入分配菜单按钮分配菜单定义好分配菜单的弹框保存清空在data定义初始值data(){return{//菜单相关dialogVisibleMenu:false,menuTreeList:[],defaultProps:{children:'children',label:'titl
jq1223·2021-03-28 08:09

前端vue+element UI时间日期选择器控制只能选今天此刻下个小时的时间

前端vue+elementUI时间日期选择器控制只能选今天此刻下个小时的时间实现效果：1.使用参数picker-options建议使用参数time-arrow-control，用箭头进行选择（用鼠标滚轮操作稳定性很差
想飞的IT小菜鸟·2021-03-22 10:31

vue+elementUI给table里的每一个按钮设置loading

登录开始发现loading值改变了，视图是没更新的。官方解释对于已经创建的实例，Vue不允许动态添加根级别的响应式property。但是，可以使用Vue.set(object,propertyName,value)方法向嵌套对象添加响应式property解决思路：重新处理一下数据，初始为每条数据添加loading属性this.sign_list=res.data.sign_list.map(ite
·2021-03-19 00:35

vue+elementUI，el-table 数据导出Excel

1.安装依赖//xlsx与file-saver依赖npminstall--savexlsxfile-saver`https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2.在需要的组件中引入importFileSaverfrom'file-saver'importXLSXfrom'xlsx'3..vue：//
·2021-03-19 00:35

chroem 89 + 打开新标签 sessionStorage 失效

项目信息：Vue+ElementUI做的后台管理系统。问题使用链接打开新标签时，页面跳转到了登录页。原因检查后发现新标签的sessionStorage是空的！
·2021-03-11 19:29

Vue+elementui 过滤条件

搜索{{scope.row.ProjectName}}{{scope.row.City}}{{scope.row.OpeningTime}}import{Queryproject}from'@/api/project'exportdefault{data(){return{queryParams:{current:1,limit:20,total:0,},tableList:[],valueTim
Happy_hu_·2021-02-25 10:51

element表格禁止输入_vue+elementui 表格弹框编辑当前行时无法显示内容

开发思路表格展示当前行点击当前行操作列“编辑”按钮时，将row内容赋值给弹框变量对象弹框点击确认后，修改表格内容再次点击“编辑”时，反显修改后的内容问题及解决示例源代码编辑确定取消exportdefault{data(){return{tableData:[{name:'y',hobby:'y'},{name:'x'}],dialogVisible:false,formData:{name:nul
水坑儿·2021-02-06 18:11

element table多选表格_VUE+elementUI表格多选框实现单选

>@select-all="onSelectAll"全选是触发的事件@selection-change="selectItem"单个去勾选时触发的事件@row-click="onSelectOp"点击那一行数据触发的事件ref="multipleTable"ref被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的$refs对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素;如
海有舟可渡山有路可行·2021-02-06 18:05

Vue+SpringBoot+ElementUI实战学生管理系统-2.搭建Vue+elementUI脚手架

1.项目介绍前一片介绍了项目的整体情况，这一篇开始搭建前端工程，需要的朋友可以拿去自己定制。：）2.获取源码源码是捐赠方式获取，详细请QQ联系我：）！3.项目截图登录页列表操作动态图4.搭建前端工程只挑关键步骤讲，详细看源码。安装NodeJShttp://nodejs.cn/下载安装包安装。安装cnpmnpminstall-gcnpm--registry=https://registry.npm.
罗汉爷·2021-01-24 14:04

[项目]Vue+ElementUi疫情监测平台纯前端项目(一)添加数据

疫情防控平台搭建项目展示先把git贴上吧喜欢的可以拉下来研究研究https://gitee.com/shang_dynasty/yiqing.git一个登录框没什么好说的分页体温处于“低热”及以上区间，且身体状况为“普通感冒”，则该行数据背景色渲染为黄色；若体温处于“低热”及以上区间，且身体状况为“呼吸困难腹泻”，则该行数据背景色渲染为红色进度条显示百分比上面可以查询比如:(当然了这些都是我往数据
商朝·2021-01-23 16:22

vue+ElementUI遇到的问题

1.form表单的布局可以通过标签来改变格局;还可以通过里面的style标签(margn-xx[左,右])来改变布局align选择居中靠右还是靠左;2.table表格内文字过多自动换行显示不雅观在标签内使用:show-overflow-tooltip="true"就可以鼠标放在内容哪里就自动显示全部内容但是如果内容过多的话会铺满全屏,在标签内加上.el-tooltip__popper{max-wi
·2021-01-22 20:13

JS金额验证，保留两位小数，超出两位输入无效（VUE + ElementUI）

JS金额验证，保留两位小数，超出两位输入无效（VUE+ElementUI）需求输入框内输入金额金额不能为中文、特殊字符最大金额没有限制，最小金额大于0保留两位小数超出两位小数无法继续输入exportdefault
宛绾啊·2021-01-18 20:19

vue+elementUI实现调用摄像头照片上传（解决不是https，http调用摄像头）

检查网站是否已经使用https，http协议下无法使用（当然还是可以解决的）。上代码（网上很多）调用摄像头拍照3":loading="loading"type="primary"icon="el-icon-upload2"size="small">上传//绘制图片drawImage(){this.imgSrc=''//点击，canvas画图高400宽500根据个人情况设定this.thisCont
一半｜一半·2021-01-18 10:44

Vue开发中遇到的一些问题解决方法

2.使用vue自定义指令配合vuex可以实现控件粒度的权限控制，指令传入权限要求,可在组件逻辑中根据当前权限与传入的要求进行判断是否隐藏显示该div跳转3.如在vue+elementui开发中发现表格行的默
洛阳醉长安行·2021-01-16 18:28

Vue开发中遇到的一些问题解决方法

2.使用vue自定义指令配合vuex可以实现控件粒度的权限控制，指令传入权限要求,可在组件逻辑中根据当前权限与传入的要求进行判断是否隐藏显示该div跳转3.如在vue+elementui开发中发现表格行的默
洛阳醉长安行·2021-01-16 17:09

这款优秀的Vue+ElementUI桌面端一站式框架,爱了！

基于Vue+ElementUI，专注于中台系统快速搭建，框架已在多个项目实战检验。
Github导航站·2021-01-16 12:24

Vue+ElementUI搭建商家店铺管理后台项目总结

背景在开发完成商家店铺的客户端后，自己掌握了客户端一些开发技术，并且也从中积累到了项目经验。由于客户端的商家应用页面是基于静态数据渲染的，所以在真实的应用实践中，静态的页面数据并不符合实际的应用场景需要。如果我们要定期的更换页面上的内容的话，对于普通的应用使用者来说是不容易的。可能用到最笨拙的办法就是联系应用的开发人员修改原项目内容才能实现，但是要想一劳永逸的把这个使用需求交给普通用户使用的话，使
konglingwen94·2021-01-15 13:33

解决Vue+elementUI后台管理离开页面destroyed()清除定时器失效问题

正常来说清除定时器是在页面销毁的时候清除，如this.timer=setInterval(()=>{console.log("我刷新了")},15000)destroyed(){clearInterval(this.timer)}但是在后台管理页面的时候这样做却失效了。问题所在：我们的在写后台时，习惯性设置一个主页面（也就是包含头部、侧边导航栏、底部、中心内容）。在子页面设置定时器时，切换其他子页
听听那晚风·2021-01-14 16:34

vue+elementUI上传单张、多张图片/视频至oss

1.上传单张图片效果：创建oss.js接口配置文件importrequestfrom'@/utils/re.js'//封装的请求文件importaxiosfrom'axios'exportfunctionpolicy1(){returnrequest({url:'url',//接口地址method:'get',})}在components下创建singleUpload.vue组件import{po
一只开心鸭！·2021-01-14 15:02

element ui需要引入样式吗_element-ui按需加载的两种方式

背景实际开发过程中，vue+elementUI是我们很常见的使用方式，element-ui也确实给前端开发提供了不少的便利。
咩都唔知架·2021-01-14 07:27

这款优秀的Vue+ElementUI桌面端一站式框架,爱了！

基于Vue+ElementUI，专注于中台系统快速搭建，框架已在多个项目实战检验。
Github导航站·2021-01-13 14:40

Vue+Element ui上传图片限制图片尺寸

Vue+Elementui上传图片限制图片尺寸1.在template中引用el-upload组件2.在style中定义el-upload的样式.avatar-uploader.el-upload{border
TongYuTian·2021-01-07 12:54

vue+elementui通用弹窗（新增+编辑）

组件模板*{{col.name}}{{submitData[col.key]}}{{radio.name}}取消确定弹窗的内容根据传入的数据去渲染，数据格式如下cols:[{name:'输入框',key:'ccc',//提交时对应的字段type:'input',//类型isRequire:true//是否必填},{name:'单选框',key:'aaa',type:'radio',data:[{l
yingmhd·2021-01-06 19:02

vue+elementui通用弹窗（新增+编辑）

组件模板*{{col.name}}{{submitData[col.key]}}{{radio.name}}取消确定弹窗的内容根据传入的数据去渲染，数据格式如下cols:[{name:'输入框',key:'ccc',//提交时对应的字段type:'input',//类型isRequire:true//是否必填},{name:'单选框',key:'aaa',type:'radio',data:[{l
yingmhd·2021-01-06 19:43

vue+elementUI实现动态增加表单项并添加验证

vue+elementUI实现动态增加表单项并添加验证参考elementUI官网以及网上的其他一些资料。话不多说，直接贴代码。
wwf1225·2020-12-30 10:48

vue+element UI实现树形表格

本文实例为大家分享了vue+elementUI实现树形表格的具体代码，供大家参考，具体内容如下一、在component文件夹下新建如下treeTable文件夹，里面有2个文件：eval.js:将数据转换成树形数据
·2020-12-29 15:41

elementui 展示列表模板_vue+elementui +input输入框关键字筛选检索表格数据展示+分页功能...

第一种用axios发送请求到后台，需要后台配合，才能在表格里面渲染页面；想偷懒的小伙建议去直接粘贴复制第三种搜索：borderref="multipleTable":data="tables"tooltip-effect="dark"style="width:100%"@selection-change="handleSelectionChange">type="selection"width="
weixin_39669769·2020-12-28 19:15

vue+elementui 自定义常用校验规则

vue+elementui自定义常用校验规则暂时先发四种，业务亲测有效，会更新的邮箱校验varcheckEmail=(rule,value,callback)=>{constmailReg=/^([a-zA-Z0
拢手点烟丶·2020-12-23 15:02

vue+elementUI使用upload组件实现文件上传功能

项目中需要上传文件,用的vue+elementUI,使用的上传组件是elementUI的el-upload组件,通常用到过的上传方式有两种1.上传到云服务器,再把返回的连接给后端2.以formdata的方式直接传给后端这里使用的是第二种方式手动上传的方式进行上传文件
Boriska1996·2020-12-23 14:23

vue+elementui表格前端导出excel以及自定义导出样式

vue+elementui表格前端导出excel以及自定义导出样式项目遇到前端自己导出表格，我自己把后端给我的数据处理了一波，合并重复列啊，以及表头合并啊。
contour·2020-12-23 10:00

element输入框中显示单位_vue+elementui +input输入框关键字筛选检索表格数据展示+分页功能...

第一种用axios发送请求到后台，需要后台配合，才能在表格里面渲染页面；想偷懒的小伙建议去直接粘贴复制第三种搜索：borderref="multipleTable":data="tables"tooltip-effect="dark"style="width:100%"@selection-change="handleSelectionChange">type="selection"width="
weixin_39528525·2020-12-21 05:03

vue单选框选中_【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

难度值：⭐需求描述：弹窗里面的表单，是复用的后台返回数据，输入框里面的数据复用很容易，通过prop属性即可。问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成，后台需要的单选框isGroupcompany参数值
weixin_39688451·2020-12-19 16:47

vue+elementUI 项目相关总结

提示：本章为了记录写过的项目功能，方便下次项目直接取用文章目录前言实现1.NavMenu导航菜单2.Breadcrumb面包屑3.Table表格3.1格式化内容3.2移除数据代替刷新4.Form表单4.1表单验证规则4.2回车键登录5.Checkbox多选框5.1全选单选6.Pagination分页6.1分页6.2序号7.Cascader级联选择器8.DateTimePicker日期时间选择器8.
Marseill_world·2020-12-18 15:41

vue+elementUI动态增加表单项并添加验证的代码详解

参考elementUI官网以及网上的其他一些资料。话不多说，直接贴代码。htmt部分：                                                                                                                                                             
·2020-12-18 00:46

Vue学习笔记：Vue+elementUI 实现简单的表单提交

前言elementUI是我感觉还不错的一个前端框架，它构建了很多快速搭建板块，比如导航栏、分页、表格、时间/日期选择器等很多项目中常用的模块，可以快速应用开发。安装官方推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。npmielement-ui-S也可以通过unpkg.com/element-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。开始：构建项目1
冬日里的那丝残阳·2020-12-04 13:35

vue+elementUI，el-table 数据导出Excel

1.安装依赖//xlsx与file-saver依赖npminstall--savexlsxfile-saver`https://github.com/SheetJS/js-xlsxhttps://github.com/eligrey/FileSaver.js2.在需要的组件中引入importFileSaverfrom'file-saver'importXLSXfrom'xlsx'3..vue：//
一统·2020-12-01 19:01

（22）VUE+ElementUI短信验证码倒计时

//html结构{{isDisabled?countText.count+'s后获取':countText.click}}//样式.code-box{display:flex;font-size:14px;}.my-input{width:100%;height:100%;border:none;outline:none;background:rgba(0,0,0,0);padding:010px
myako_·2020-11-24 10:45

Vue+ElementUI 使用select组件 V-model数据修改后，视图不刷新

elementui踩坑记录1a.使用select组件，但是v-model数据已更新但是视图没有更新因为vue对于数组对象中的某个值更新变化并不触发更新，这时候就需要用到this.$set如图所示就能解决这个问题了：希望能够帮到你们！
掺半N·2020-11-23 16:35

vue+elementui实现学生信息管理系统

第一个是最开始的纯dom操作的，第二个是最近学了vue后做出来的，很开心！！第二个简直好看太多了吧！后端代码都还是一样的，只是前端的样式变了。少了dom操作后真的巨爽！！！不过还是有很多不足，比如axios调用的不是很好，而且接口使用不是很6，之后要用脚手架来搭一个真正的前端项目然后再来玩耍！冲呀~
日京·2020-11-22 16:15

vue+elementUi实现静态数据分页

分页静态数据tableData:[{date:"2016-05-02",name:"王小虎1",sex:"男",state:false,address:"上海市普陀区金沙江路1518弄",},{date:"2016-05-04",name:"王小虎2",sex:"男",state:false,address:"上海市普陀区金沙江路1517弄",},{date:"2016-05-01",name:"
开发路上的AZhe·2020-11-07 17:03

Vue+element ui 表单中日期选择器范围控制

Vue+elementui表单中日期选择器范围控制1.页面(单个日期)         2.js(单个日期)exportdefault{data(){return{//开始时间限制beginDateOption
咏絮v·2020-10-30 16:17

Vue+ElementUI实现el-table导出excel数据功能

第一步Installcnpminstallfile-saver或者yarnaddfile-savercnpminstallxlsx或者yarnaddxlsxcnpminstallscript-loader或者yarnaddscript-loader第二步Use1.在src/plugins/Export2Excel.js(目录没有可以重建)Export2Excel.js放入以下代码/*eslint-
程序猿小葵草·2020-10-29 21:28

分布式基础篇

简介项目介绍该项目分为三篇进行开发：分布式基础篇（全栈开发篇）谷粒商城的后台管理系统，后端技术栈：SpringBoot，带上Mybatis那一套，SpringCloud，docker，作为后端的基础环境，结合前端vue
atguigu·2020-10-22 14:30
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他