vue+element

循序渐进VUE+Element 前端应用开发(20）--- 使用组件封装简化界面代码

VUE+Element前端应用，比较不错的一点就是界面组件化，我们可以根据重用的指导方针，把界面内容拆分为各个不同的组合，每一个模块可以是一个组件，也可以是多个组件的综合体，而且这一个过程非常方便。
伍华聪·2020-09-11 12:00

vue+element ui样式修改不了的问题

vue+elementui样式修改不了的问题我们在写vue组件的时候都会习惯性的在style里面加一个scoped，问题就出在了这里，我们只要把scoped去掉即可。但是我们会想到去掉scoped代码不就乱了吗？大家如果用到sass的话，就比较好办了，给父级一个id，在父级id下进行修改，就不会影响到别的代码了。如果不用的话。。。（建议大家下载一个），因为写css前面加id是非常繁琐麻烦的一件事情
时丨光·2020-09-11 09:38

vue+element 使用scoped-slot自定义数据项自定义Transfer 穿梭框数据

页面代码`{{option.name}}{{option.fileType}}确定返回因为Transfer的数据源只支持key,label,disabled，所以我们使用props更改数据源字段:props="{key:'id',label:'name'}"然后使用scoped-slot自定义数据项（option.name–name字段是后端返回的字段信息）{{option.name}}{{opt
anfuren·2020-09-11 08:08

element关于Checkbox的坑

vue+element开发时，遇到要在表格第一列加多选框的需求，而element也提供了组件（具体可查看官网），功能在谷歌浏览器上完美的实现了，但是！！！
郝学刚·2020-09-10 20:44

Vue+element 组件复用

Vue+element组件复用父组件改动部分创建路径//改动//这个目录下还多了这个文件importCreateDialogfrom'路径/文件名.vue';//此处注意组件的路径components:
guohongyanghy·2020-09-10 20:50

vue常见问题汇总（一）

文章目录一、vue打包后显示空白解决二、element小图标不显示三、vue+element打包后样式混乱四、url传参变化或者刷新浏览器,页面无变化问题五、更换url前进后退无效五、解决跨域一、vue
一再问究竟·2020-09-10 19:15

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

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+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

vue+element中table踩坑

vue+element中使用table踩坑1.开发环境vue.js2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用vue+element进行开发,使用这样的效果!
灰太狼的情与殇·2020-08-26 13:43

vue表格静态

vue+element的静态表格，可直接复用更改为自己想要的样式。
Timor7hao·2020-08-25 17:20

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+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+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中tree组件使用

使用vue+element中tree组件的使用问题:使用vue+element中的树形控件完成的2添加点击事件:添加点击事件的方法如下:同时在methods中定义参数解释说明:在handleNodeClick
灰太狼的情与殇·2020-08-24 17:33

循序渐进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

Cat-Table-Select 基于Vue+Element的表格选择器

Cat-Table-Select基于Vue+Element的表格选择器基于Element的Vue组件(Vue.js2.x)cat-table-selectGithub地址前言之前自己动手做了个基于Element
究极死胖兽·2020-08-24 15:31

vue+element ui 表格超链接跳转

别人写的标签跳转链接：https://blog.csdn.net/caimaomaocai/article/details/81334641我加入按钮跳转并传参不会用vue，总结前人的经验。。。。希望越来越好
xscofield·2020-08-23 21:23

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+element:树级复选框组件使用

之前做得需求一直是下拉框，但是对于树级的复选框没有实际用过，在这里记录一下1.关于表单的描述：我在这里用的函数是@check，element官网里面还有其他的函数，在尝试了@check-change和@change之后，采用了check解决了问题确认handleCheck(checkedKeys,checkedNodes,halfCheckedKeys,halfCheckedNodes){varl
1361976860·2020-08-23 20:06

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中tree组件使用

使用vue+element中tree组件的使用问题:使用vue+element中的树形控件完成的2添加点击事件:添加点击事件的方法如下:同时在methods中定义参数解释说明:在handleNodeClick
灰太狼的情与殇·2020-08-23 11:31

axios通过get方式下载Excel

vue+element环境下的写法，其它框架也基本一样主要是将后台返回的数据处理之后下载为.xlsx的文件，再模拟点击下载axios({method:"get",url:"url****",responseType
记得每天进步一点点·2020-08-23 06:00

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使用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 + 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+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级联查询前端代码data数据data(){return{type1:'',radio:'1',labelPosition:'right',formLabelAlign:{name:
PanQiHang·2020-08-22 16:17

vue+element展示时间面板，显示可选和禁用的时间

vue+element实现时间选择最近有个需求，客户A在预约18号技师时，要根据18号技师的服务时间，自动展示哪些时间段可以预约，哪些时间段18号技师正在服务，而正在服务的时间段，客户A是不能预约的，页面效果如下
Sun_Loading·2020-08-22 16:34

JS数组递归——构建 element 级联选择器树形数据

JS数组递归——构建element级联选择器树形数据通常，我们前端在开发管理后台的时候，会选择vue+element这样的技术栈去实现。但我们后端给的数据格式通常并不符合element的参数数据要求。
FungLeo·2020-08-22 16:33

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+element 级联动态加载、编辑回显

之前写过的，忽然就想不起来了，这次写了记录一下，省的再忘了。elementCascader级联选择器具体属性可以查看官网https://element.eleme.cn/#/zh-CN/component/cascader，我只说一下options和props。options在非动态渲染的时候可以把级联的所有数据放进去就好，贴一段老大写的递归方法：@OverridepublicJSONArrayb
dingchaochao_9110·2020-08-22 15:35
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他