E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE+Element
Vue+element
组件复用
Vue+element
组件复用父组件改动部分创建路径//改动//这个目录下还多了这个文件importCreateDialogfrom'路径/文件名.vue';//此处注意组件的路径components:
guohongyanghy
·
2020-09-10 20:50
前端
vue
Element
vue常见问题汇总(一)
文章目录一、vue打包后显示空白解决二、element小图标不显示三、
vue+element
打包后样式混乱四、url传参变化或者刷新浏览器,页面无变化问题五、更换url前进后退无效五、解决跨域一、vue
一再问究竟
·
2020-09-10 19:15
前端成长之路
vue
web
vue+element
ui 的上传文件使用组件
前言:工作中用到vue+elementui的前端框架,使用到上传文件,则想着封装为组件,达到复用,可扩展。转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9630868.html网站地址:我的个人vue+elementuidemo网站github地址:yuleGHgithub组件代码如下:选择文件以及:varuploadComponent={template:
weixin_30279671
·
2020-09-10 18:41
element upload 后台如何接数据---记录
项目前台为
vue+element
,后台为Springboot,图片存储在七牛云上。采坑原因对底层东西不理解,对项目所使用的框架不熟悉。
岁月抹平了我的小脾气
·
2020-09-10 18:36
用
vue+element
ui+node.js(express)+axios完成简单的登录功能
首先看一个完整的功能需要什么:1、要有一套静态的前端代码,实现一套可交互的前端页面。2、要有一套服务端代码,完成和前端的数据传输和对数据库数据的增删改查这就是我们接下来要写的两个工程,接下来我们就开始写前端代码需要什么客户端这一部分我们使用vue-cli脚手架搭建项目,用elementui作为组件库。关于vue脚手架项目的环境配置和搭建教程可以看之前的博客。vue官方文档见https://cn.v
ChannnXY
·
2020-09-10 17:57
vue+element
通过checkbox控制el-table-column的显示或隐藏
前端HTML//列表//筛选按钮{{item.value}}JS//筛选按钮的数据列表,与table表头的数据一致tableList:[{label:'order',value:'序号'},{label:'name',value:'名字'},{label:'age',value:'年龄'}]checkList:[],//筛选列选中的数据列表uncheckList:{},//控制筛选列显示隐藏//页
小码蚁啊
·
2020-09-10 16:08
Web
vue+element
el-upload上传的二次封装
el-upload上传功能的二次封装不得不说,vue+elemenUI开发后台管理系统,就像西红柿配鸡蛋一样,真的超搭哒~~(不是说vue搭其他UI库就有缺陷,但从业务出发来说无疑是快和强的)el-uploa使用方法:https://element.eleme.cn/#/zh-CN/component/upload做后台就必会遇到上传Excel文件的功能啦,所以为了方便自己的开发和简化代码,把el
NurTuam-何永杰
·
2020-09-10 10:39
vue
Vue+Element
UI 树形控件整合下拉功能菜单(tree + dropdown +input)
这篇博客主要介绍树形控件的两个小小的功能:下拉菜单输入过滤框以CSS样式为主,也会涉及到Vue组件和element组件的使用。对于没有层级的数据,我们可以使用表格或卡片来展示。要展示或建立层级关系,就一定会用到树形组件了。使用Vue+ElementUI,构建出最基本的树如下图所示:现在我们就要在这个基础上进行改造,使页面更加符合我们的交互场景。下拉菜单将下拉菜单嵌到树节点中,使操作更加简便、紧凑。
·
2020-09-10 10:37
使用代码生成工具快速生成基于ABP框架的
Vue+Element
的前端界面
世界上唯一不变的东西就是变化,我们通过总结变化的规律,以规律来应付变化,一切事情处理起来事半功倍。我们在开发后端服务代码,前端界面代码的时候,界面都是依照一定的规律进行变化的,我们通过抽取数据库信息,以变化规律拥抱变化的内容。如对于服务端来说,后端代码中类的继承关系和特殊的接口名称规律,我们可以根据用户选中的表,获取表之间的字段和关系信息,生成各种DTO和接口类等代码文件;而前端界面来说,也是依照
伍华聪
·
2020-09-09 17:00
修改Element UI自带的小图标,替换成自己的(类似自定义Element UI图标)
最近使用
vue+Element
开发一个pc端的项目,二次封装下组件,使样式符合自己的项目。
五月闲云一野鹤
·
2020-08-26 16:37
Element
UI
vue
html
css3
vue+element
中table踩坑
vue+element
中使用table踩坑1.开发环境vue.js2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用
vue+element
进行开发,使用这样的效果!
灰太狼的情与殇
·
2020-08-26 13:43
vue.js
element-ui
vue表格静态
vue+element
的静态表格,可直接复用更改为自己想要的样式。
Timor7hao
·
2020-08-25 17:20
vue爬坑之旅
Vue2 后台管理系统解决方案
https://github.com/lin-xin/vue-manage-systemdemo地址:http://blog.gdfengshuo.com/example/work/前言之前在公司用了
Vue
weixin_34138377
·
2020-08-25 17:38
手把手撸套框架-权限系统设计
但是我经常也会陷入各种迷思,现在各种技术都在换代,经常让我自我怀疑,后端:.net从framwork往core转,前端:Jquery+Bootstarp往
Vue+Element
转数据操作也从原来的写Sql
Near_wen
·
2020-08-25 15:00
关于
vue+element
上传文件post请求
关于
vue+element
上传文件post请求由于项目要求这里要实现点击上传文件首先,我们需要写个上传组件上传附件只能上传jpg/png文件,且不超过500kb-->利用before-upload属性此种方式有个弊端
IF YOU~
·
2020-08-25 05:10
vue项目
前端框架
上传文件
Vue+Element
选择图片后预览
Elementupload组件选择文件后一般没有url,此时预览需要将文件对象先转成base64后再预览;var_this=this;varevent=event||window.event;varfile=event.target.files[0];varreader=newFileReader();//转base64reader.onload=function(e){_this.imgSrcA
h0bat1
·
2020-08-25 03:45
vue+Element
上传文件
html页面选取文件只能上传xls/xlsx文件上传到服务器vue代码写在单独js文件中newVue({el:"#uploadDate",data:{myFileList:[],saveMeals:'',mdata:{corpId:'',tName:'meals',issue:'',},},created(){//当vm实例的data和methods初始化完毕后,vm实例会自动执行created这
夕冰
·
2020-08-25 02:15
VUE
SpringBoot
vue+element
将图片压缩并转换成base64上传图片
一:我用的是具有拖拽功能的上传图片的组件:点击上传,或者拖拽图片至该位置,图片大小2MB以内二:上传图片,因为要限制图片的格式,还要转换成base64,所以我用的http-request参数,这个参数可以覆盖覆盖默认的上传行为,可以自定义上传的实现:图片小的话,转换成base64可以成功上传,但是图片超过1.5M的转换成base64上传不成功,后台说我没有传给他参数,我后来了解了一下,说是超过1.
让想法变成执行力
·
2020-08-24 23:57
图片上传
element中MessageBox 弹框使用
在使用
vue+element
中,我们时常会使用到element中的MessageBox弹框,现在我分享一下我的经验1.开发环境
vue+element
要实现下面的效果我简单说我一下我的思路,首先是使用element
灰太狼的情与殇
·
2020-08-24 17:07
element
element中tree组件使用
使用
vue+element
中tree组件的使用问题:使用
vue+element
中的树形控件完成的2添加点击事件:添加点击事件的方法如下:同时在methods中定义参数解释说明:在handleNodeClick
灰太狼的情与殇
·
2020-08-24 17:33
vue.js
element
循序渐进
VUE+Element
前端应用开发(19)--- 后端查询接口和Vue前端的整合
循序渐进
VUE+Element
前端应用开发的系列文章中,前面介绍了系统各个功能的处理实现,本篇随笔从一个主线上介绍前后端开发的整合,让我们从ABP框架后端的查询接口的处理,前端API接口调用的封装,以及前端
伍华聪
·
2020-08-24 16:00
videojs和videojs-markers实现视频打点(
vue+element
)
最近做了个项目需要给视频打点,故而查阅各方资料参考:vue项目如何引入video.jsvideo.js使用及问题video.js使用技巧在vue项目中的vue文件引入video.js和videojs-markersimportvideojsfrom'video.js'import'video.js/dist/video-js.css'import'videojs-markers'videojs初始
阿炸
·
2020-08-24 16:56
前端
vue.js
video.js
Cat-Table-Select 基于
Vue+Element
的表格选择器
Cat-Table-Select基于
Vue+Element
的表格选择器基于Element的Vue组件(Vue.js2.x)cat-table-selectGithub地址前言之前自己动手做了个基于Element
究极死胖兽
·
2020-08-24 15:31
Web编程实战
Vue.js
vue
javascript
前端
element
表格选择器
vue+element
ui 表格超链接跳转
别人写的标签跳转链接:https://blog.csdn.net/caimaomaocai/article/details/81334641我加入按钮跳转并传参不会用vue,总结前人的经验。。。。希望越来越好
xscofield
·
2020-08-23 21:23
c
vue+element
下拉列表默认值
下拉列表中的三项条目deviceSNMPList,默认选中:deviceSNMP:‘1’,deviceSNMPList:[{key:'0',label:'v1'},{key:'1',label:'v2c'},{key:'3',label:'v3'}],deviceSNMP:'1',el-form中el-select数据绑定deviceSNMP
guohongyanghy
·
2020-08-23 21:00
前端
vue
下拉列表默认值
vue+element
:树级复选框组件使用
之前做得需求一直是下拉框,但是对于树级的复选框没有实际用过,在这里记录一下1.关于表单的描述:我在这里用的函数是@check,element官网里面还有其他的函数,在尝试了@check-change和@change之后,采用了check解决了问题确认handleCheck(checkedKeys,checkedNodes,halfCheckedKeys,halfCheckedNodes){varl
1361976860
·
2020-08-23 20:06
javascript
vue+Element
实现登录随机验证码
验证码验证只是前端,无需后台交互首先,创建一个identify.vue页面,用于写各种:随机数字/字母,随机颜色,干扰点/线identify.vueexportdefault{name:'SIdentify',props:{identifyCode:{type:String,default:'1234'},fontSizeMin:{type:Number,default:16},fontSizeM
她的大头
·
2020-08-23 19:38
vue+element
项目中select下拉框label想要显示多个值
主要代码是::label="${item.batchId}-${item.varietyName}"
MrsTing
·
2020-08-23 18:53
如何在
vue+element
项目中利用iframe嵌入第三方网页并实现根据浏览器自适应大小
前段时间利用python+vue+element做了个安全测试平台项目,准备嵌入mobsf这个APP扫描工具,是利用iframe实现的具体代码如下:①scrolling=“no”表示不显示滚动条②style="position:absolute;top:80px;left:120px;"表示嵌入的iframe位置距离浏览器顶部80px,距离浏览器左侧120px,刚好是我的侧边栏和顶部导航栏的宽度③
MoSalah
·
2020-08-23 17:05
vue+element
获取el-table某行中的下标,根据下标操作数组对象
1.在vue中对数组中的某个对象进行操作时(替换、删除),都需要用到该对象在数组中的下标。前端代码:scope.$index:获取当前行的下标scope.row:获取当前行的对象效果图:思路:通过点击事件将该对象在数组中的下标传递到方法中,然后对数组进行操作即可根据下标删除数组中对应的对象。
初冬季节
·
2020-08-23 14:17
个人经验
element中MessageBox 弹框使用
在使用
vue+element
中,我们时常会使用到element中的MessageBox弹框,现在我分享一下我的经验1.开发环境
vue+element
要实现下面的效果我简单说我一下我的思路,首先是使用element
灰太狼的情与殇
·
2020-08-23 11:32
element
element中tree组件使用
使用
vue+element
中tree组件的使用问题:使用
vue+element
中的树形控件完成的2添加点击事件:添加点击事件的方法如下:同时在methods中定义参数解释说明:在handleNodeClick
灰太狼的情与殇
·
2020-08-23 11:31
vue.js
element
axios通过get方式下载Excel
vue+element
环境下的写法,其它框架也基本一样主要是将后台返回的数据处理之后下载为.xlsx的文件,再模拟点击下载axios({method:"get",url:"url****",responseType
记得每天进步一点点
·
2020-08-23 06:00
ajax
vue
axios下载Excel
Vue+Element
前端导入导出Excel
1前言1.1业务场景由前台导入Excel表格,获取批量数据。根据一个数组导出Excel表格。2实现原理2.1引入工具库file-saver、xlsx、script-loadernpminstall-Sfile-saverxlsxnpminstall-Dscript-loader2.2导入Excel2.2.1Element上传控件点击上传只能上传xlsx/xls文件limitUpload=1限制只能
北风凛
·
2020-08-23 04:18
前端技术
Vue+Element
表格嵌入复选框=》模拟单选框
复选框模拟单选框:Vue代码:可直接复制(去掉注释即可运行)shopInfo//单选方法,返回选中的表格行//添加一个多选框,控制选中与否{{scope.row.date}}exportdefault{name:'shopInfo',data(){return{tableData3:[]}},created(){this.setTable()},methods:{setTable(){letres
StormBUG
·
2020-08-23 03:43
Vue
Vue使用ElenmentUI的表单出现validate is not function错误
在学习使用
vue+element
的时候使用表怎么也验证不了,就出现validateisnotfunction异常,百度搜索也没找到合适的解决方案,只能自己调试。以下是错误截图。
锐、锐
·
2020-08-22 22:35
编程路上遇到的坑
清空el-cascader的所选内容(
vue+element
ui)
点击清空筛选项按钮清空el-cascader的所选内容htmljshandleChange(value){this.form.goodsClassifyName=value[2];}清空方法this.form.goodsClassfiyList=[];this.form.goodsClassifyName="";实现的效果和原理与el-cascader标签的clearable相同
小可爱的博客
·
2020-08-22 19:17
vue
vue + element + el-cascader级联选择器
vue+element
级联选择器element级联选择器cascader默认的是label和value,要修改成后台返回数据对应的字段,则设置(1):props=“defaultData”,然后在data
weixin_43503080
·
2020-08-22 19:14
VUE+Element
UI实现简单的表格行内编辑效果
VUE+ElementUI实现简单的表格行内编辑效果elementUItable点击编辑按钮进行编辑实现示例vue.js的element表格在线编辑的正确姿势vue-element-extends
ChouCat
·
2020-08-22 18:38
vue
vue+element
如何在Cascader级联选择器 懒加载lazyload中 实现 服务端请求数据
在使用ElementUI的Cascader级联选择中,有时候需要动态加载,在文档中,也提供了相关的示例代码:这只是示例代码,lazyload中往往是通过请求服务端来获取数据,不多说,直接贴代码ElementUI:17Vue:12exportdefault{3name:'basetable',4data(){5letthat=this;6return{7loading:false,8input_se
落日长烟
·
2020-08-22 17:10
Vue+Element
vue+element
级联查询
vue+element
级联查询前端代码data数据data(){return{type1:'',radio:'1',labelPosition:'right',formLabelAlign:{name:
PanQiHang
·
2020-08-22 16:17
vue
vue+element
展示时间面板,显示可选和禁用的时间
vue+element
实现时间选择最近有个需求,客户A在预约18号技师时,要根据18号技师的服务时间,自动展示哪些时间段可以预约,哪些时间段18号技师正在服务,而正在服务的时间段,客户A是不能预约的,页面效果如下
Sun_Loading
·
2020-08-22 16:34
element
显示可选时间和禁用时间
时间列表展示
JS数组递归——构建 element 级联选择器树形数据
JS数组递归——构建element级联选择器树形数据通常,我们前端在开发管理后台的时候,会选择
vue+element
这样的技术栈去实现。但我们后端给的数据格式通常并不符合element的参数数据要求。
FungLeo
·
2020-08-22 16:33
FungLeo的前端笔记
JavaScript
vue+element
级联选择器对接后台数据
1.后台接口返回的数据肯定要和级联选择器的数据一致,所以我专门弄个model存放返回的值,如下:/***@Auther:GGDong*@Date:2019/4/310:30*/@Getter@SetterpublicclassServerList{//值privateStringvalue;//名称privateStringlabel;//子级privateListchildren;}2.最主要的
weixin_30847939
·
2020-08-22 15:15
vue+element
级联选择器(选择任意一级选项)
页面效果页面代码:添加v-if判断是为了在添加中显示,而修改时隐藏,由于第一次学习写vue,只能使用比较笨的方式下面实现步骤exportdefault{name:"ProductSplm",data(){return{parentData:[],parentId:"",optionProps:{value:"id",label:"name",children:"children",checkStr
srz1128
·
2020-08-22 15:54
vue
java
vue.js
记录一次
vue+element
级联动态加载、编辑回显
之前写过的,忽然就想不起来了,这次写了记录一下,省的再忘了。elementCascader级联选择器具体属性可以查看官网https://element.eleme.cn/#/zh-CN/component/cascader,我只说一下options和props。options在非动态渲染的时候可以把级联的所有数据放进去就好,贴一段老大写的递归方法:@OverridepublicJSONArrayb
dingchaochao_9110
·
2020-08-22 15:35
前端
vue
elementUI
Vue+element
级联选择器 编辑操作内容回显
级联选择控件的回显问题场景一:后端返回的是字符串,但是其格式是数组类型法一:遍历字符串,转成数组法二:使用JSON,将字符串直接转换成json对象场景二:后端返回的是纯字符串,以逗号分隔解决场景一:后端返回的是字符串,但是其格式是数组类型后端返回结果如:"[1,2,4,5]"修改方法:法一:遍历字符串,转成数组因为数组是string类型的即“[1,24,5]”将”[”和“]”,substring将
相守之路
·
2020-08-22 15:22
前端框架
#
Vue
【vue】使用
vue+element
搭建项目,Tree树形控件使用
目录一、安装依赖二、常用属性、事件三、demo应用html代码属性用法3.2.1:default-expanded-keys(默认展开项)3.2.2:props="defaultProps"用法3.2.3通过render-content方法定义树节点内容(js代码)3.2.4:load="loadChildData"(load加载子树数据的方法,仅仅当lazy属性为true时生效)(js代码)3.
weixin_34138139
·
2020-08-22 14:11
vue+element
踩坑记-项目build打包以后入口文件显示空白的解决方案
现象描述我在准备测试一个项目的时候,需要打包给后端使用,我打完包以后发现,入口文件,也就是这个文件该文件是直接打不开的,那么我之前是遇到过的,此类的问题,开始是认为是router.js里面的mode改变了导致的,也就是我们在配置路由的时候是可以直接将mode:history的,在路由文件里面,但是我改变以后发现还是不行的,后来百度了以后发现是因为其中有一个文件是不对的,需要我们在配置文件里面将一个
何处锦绣不灰堆
·
2020-08-22 13:13
web前端
About
Vue
vue+element
:富文本编辑框使用
表单设计://富文本编辑框updated(){vareditor=newE(this.$refs.editor)editor.customConfig.uploadImgShowBase64=true//使用base64保存图片//不可修改editor.customConfig.uploadImgHeaders=this.headers//自定义文件名,不可修改,修改后会上传失败editor.cu
1361976860
·
2020-08-21 17:38
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他