Element+Vue

element+vue 之 v-limit 按钮操作权限

1.新建一个permission.js文件importstorefrom'@/store'exportdefault{inserted:function(el,binding){const{perms:limits}=store.state.userconst{value:params}=bindingif(!limits.length)returnif(params&&Array.isArray
jiojio在学习勒·2024-01-27 17:32

element+vue 之图片放大器

1.安装插件npminstallvue-photo-zoom-pro2.main.js导入//放大镜importVuePhotoZoomProfrom'vue-photo-zoom-pro'Vue.use(VuePhotoZoomPro)3.页面使用changeImg(val){this.imgUrl=this.imgList[val];},```![在这里插入图片描述](https://img-
jiojio在学习勒·2024-01-16 03:49

携带参数文件上传

首先，我的需求是通过导入excel文件实现批量添加数据，因为使用的是开源项目，前端使用element+vue来实现，所以上传文件就使用element的上传组件el-upload来实现。
陈光岚_强化班·2023-10-22 07:36

element+vue小技巧和报错解决(持续更新~建议收藏)

目录1-关于el-table复选框中表头和内容不对齐问题2-日期选择器传值给后端格式不对3-获取表格的当前行数据#default="{row}"4-一键清空表单数据6.表格的排列7.关于某些时候el-table超出内容区后不显示进度条的问题8.关于el-button只用来跳转路由地址，不传参9-局部插件导入（连写）10.关于el-tabs进行组件切换的时候闪屏11.el-date-picker超出
请叫我欧皇i·2023-10-19 03:44

element+vue表格点击变成输入框并获取焦点（可编辑状态）

完整html内容{{scope.row[val.value]}}data中定义内容rowIndex:-1,//行索引columnIndex:-1,//列索引currentPage:1,pageSize:10,total:0,theadList:[{name:'合同编号',value:'contractNo',w:'110'},{name:'合同简码',value:'contractShortCod
浪漫胡渣男孩·2023-09-18 11:17

element+vue table上移+下移 拖拽

//安装npminstallsortablejs--save上移下移//在需要编写排序的页面引入sortablejs依赖importSortablefrom'sortablejs';data(){return{sortable:null,orderSort:false,data:[],}}methods:{//上移handleUp(item,index){this.statisticsChexkb
jiojio在学习勒·2023-09-14 06:04

element+vue table表格全部数据和已选数据联动

1.组件TableChoose全部{{labelTitle}}已选择{{labelTitle}}禁用启用{{ROOM_TYPE[scope.row.type]}}{{ROOM_TYPE[scope.row.type]}}{{scope.row[item.prop]}}importtableMixinfrom"@/mixin/tableMixin";import{getDictionaries,di
jiojio在学习勒·2023-09-02 22:40

element+vue 表格行拖拽功能

解决方案使用sortable.js步骤一：安装npminstallvuedraggable步骤二：引入importSortablefrom'sortablejs';步骤三：el-table添加row-key属性，外层包一层sortableDiv拖拽的盒子名字sortableDiv实例：下图的重点：1.el-table添加row-key属性，2.外层包一层sortableDiv，3.图标drag-i
biubiu学习日记·2023-08-18 11:00

element+vue 之动态form

1.页面部分-->仅支持JPG、JPEG、PNG、BMP格式文件{{it.name}}2.数据格式"decisionConditionList":[{"conditionCode":"carHygiene",//表单键"conditionName":"车辆卫生",//表单名称"inputType":5,//表单类型"conditionValueList":["是"],//表单值"required"
jiojio在学习勒·2023-08-05 10:21

element+vue 之预览pdf组件

1.组件previewPdfexportdefault{props:{drawerName:{type:String},drawerVal:{type:Boolean,default:()=>false},url:{type:String,default:()=>''}},data(){return{direction:'rtl'}},methods:{drawerClose(){this.url
jiojio在学习勒·2023-07-27 20:22

element+vue之 路由嵌套 iframe

在vue开发项目的过程中，需要在自己的页面框架中，引用别人做的页面功能第一步router.js第二步在view下建一个IFrame》》IFrame.vue页面第三步在store文件下建一个iframe.js文件第一步router.js/*eslint-disable*/importVuefrom'vue'importRouterfrom'vue-router'importErrorfrom"./.
jiojio在学习勒·2023-07-27 20:22

Element+Vue实现动态表单(多个下拉框组件)

需求表单的内容为巡检计划，巡检计划可以选择多个巡检点位，每个巡检点位可以选择多个设备和对应操作。最终效果图点击加号图标增加一个下拉框减号图标删除对应下拉框下拉框备选项目相同点击设置动作按钮，弹出可编辑表格，可以为该巡检点位设置多个动作表格每行内容可编设别名称下拉框和设备动作下拉框联动操作按钮可对选项进行上下排序代码实现定义表单结构精简了无关代码patrolContent元素个数控制下拉框的个数循环
LL金盆·2023-07-25 10:55

在vue中使用Echarts绘制叠堆折线面积图（可切换叠堆柱状图）

文章目录效果一、全局引入ECharts1.安装ECharts2.main.js全局引入二、页面中使用1.创建可视化图表的存放位置2.渲染ECharts总结toolboxECharts鼠标事件效果我这里用的框架是Element
Wh1T3ZzT·2023-07-24 00:28

自动化早已不是那个自动化了，谈一谈自动化测试现状和自我感受……

已经有好几年了，从17年接触UI自动化（unittest+selenium）到18年接触接口自动化（unittest+requests）再到18年自己编写自动化平台（后台使用python的flask，前端使用element
小兮说测试·2023-06-11 14:38

element+vue之 table树形数据

1.效果图2.后端数据数据allocateResult是作为树形结构得子级uuid是绑定row-key用的必须唯一且不能为空数据接收3.table部分
jiojio在学习勒·2023-06-09 14:40

自动化早已不是那个自动化了，谈一谈自动化测试现状和自我感受……

年多了，从17年接触UI自动化（unittest+selenium）到18年接触接口自动化（unittest+requests）再到18年自己编写自动化平台（后台使用python的flask，前端使用element
不是Y君·2023-04-04 20:01

自动化早已不是那个自动化了，谈一谈自动化测试现状和自我感受……

已经有好几年了，从17年接触UI自动化（unittest+selenium）到18年接触接口自动化（unittest+requests）再到18年自己编写自动化平台（后台使用python的flask，前端使用element
静姐说测试·2022-11-03 18:51

springboot,mybatisPlus（MP）,element+vue的axios实现条件分页查询功能

前端使用的是element+vue的axios异步来实现我们的分页。一、要在springboot中使用mabatisPlus我们需要引入mybatisPlus的坐标。
程序小白学编程·2022-10-23 19:39

vue中对监听esc事件和退出全屏问题的解决方案

目录对监听esc事件和退出全屏问题的解决下面是全屏的完整代码element+vue全屏与退出全屏(监听ESC改样式)一、效果二、代码对监听esc事件和退出全屏问题的解决vue的项目中使用了h5的全屏API
·2022-08-09 09:19

element+vue 动态多表头与动态插槽

一、需求满足用户自行配置表格，减少对系统代码维护量。二、参考文章https://blog.csdn.net/weixin_...三、效果表头json：说明：scope（字段名可另取）为是否对该列开启插槽。propChildren为多级表头。tableHead:[{key:'1',label:'日期',prop:'date',width:'100',headerAlign:'center',alig
·2021-12-09 17:03

使用Element+vue实现开始与结束时间限制

本文实例为大家分享了用Element+vue实现开始与结束时间限制的具体代码，供大家参考，具体内容如下效果pickerOptionsStart:{},pickerOptionsEnd:{},startDate
·2021-09-01 17:40

自动化早已不是那个自动化了，谈一谈自动化测试现状和自我感受……

年多了，从17年接触UI自动化（unittest+selenium）到18年接触接口自动化（unittest+requests）再到18年自己编写自动化平台（后台使用python的flask，前端使用element
测试萌萌·2021-05-04 18:12

使用element+vue使用总结

1.表格默认展开，在两端同样代码的情况下一个为3默认展开，另一个不能默认展开（未解决原因），第一个吧箭头的css样式去掉了2.如果要使用的表单的重置方法需要给每个el-form-item添加正确的prop才可以使用3.用v-for循环el-form-item时候如果需要表单验证则不可以使用（验证会出错，可能无验证，可能符合一个字段的验证时也会出现错误提示）4.input使用：value时候不能输入
浪漫胡渣男孩·2020-12-16 17:30

自动化早已不是那个自动化了，谈一谈自动化测试现状和自我感受……

年多了，从17年接触UI自动化（unittest+selenium）到18年接触接口自动化（unittest+requests）再到18年自己编写自动化平台（后台使用python的flask，前端使用element
测试猿David·2020-09-14 16:07

百度网盘文件上传分析

其实不是的，使用Element+Vue以后，需要请求+服务端处理。还讲到了“秒传”，对，就是“臭名昭著”的限速者——百度网盘，其算法倒是可以。这个组件库，我感觉是使用elementUI做的
7086cmd·2020-09-14 02:17

用我这些年的经历告诉你无力吐槽的自动化现状……

年多了，从17年接触UI自动化（unittest+selenium）到18年接触接口自动化（unittest+requests）再到18年自己编写自动化平台（后台使用python的flask，前端使用element
arthur·2020-08-15 20:21

element+vue鼠标右键显示菜单

加载新增配置删除关闭exportdefault{data(){return{menuVisible:false,productTypes:[],defaultProps:{children:'children',label:'name'}}},methods:{//加载树的数据loadTreeData(){this.$http.get("/product/productType/tree").th
前端杨小白·2020-08-09 16:04

ElementUI+Vue在使用el-dialog时，如何做到在弹出dialog时，外部呈锁定状态，而不是点击外部导致dialog直接关闭。...

问题描述今天，在做Element+Vue项目时发现：Dialog打开状态下，点击该Dialog以外的区域会导致该Dialog关闭；正确的状态应该是只有在点击关闭按钮，或者是Dialog内的其他操作性按钮才能使得
anji7133·2020-08-08 10:04

Element+Vue实现table单选

Element+Vue实现table单选Element+Vue构建前台页面，Element的table组件无法实现单选功能，以下通过改写实现table的单选功能。
新一coding·2020-08-05 12:28

使用 Element+vue实现开始时间结束时间限制

html部分：js部分：data(){return{pickerOptionsStart:{},pickerOptionsEnd:{},startDate:'',//开始日期endDate:'',//结束日期}}methods:{changeStart(){//限制开始时间this.pickerOptionsEnd=Object.assign({},this.pickerOptionsEnd,{d
浪里白条那片海·2020-07-15 06:11

element+vue鼠标右键显示菜单

平级添加下级添加删除exportdefault{data(){return{menuVisible:false,productTypes:[],defaultProps:{children:'children',label:'name'}}},methods:{//加载树的数据loadTreeData(){this.$http.get("/product/productType/tree").th
小小志秩·2020-06-30 11:02

element+vue实现界面动态添加表单

首先，要确保你的开发环境是vue+element框架。然后就可以开始了添加一个按钮用于打开模态框SKU属性设计一个组件用于动态添加表单，我这儿使用的是模态框。里面是卡片和表格处理数据{{skuProperty.specName}}取消确定在data(){}里面添加数据源和模态框的控制属性skuDialogVisible:false,//sku属性模态框skuProperties:[]数据源的数据自
小小志秩·2020-06-30 11:02

ElementUI+Vue 解决在使用el-dialog时，点击el-dialog外的其他区域会导致该对话框关闭。

文章目录需求描述问题分析问题解决方式代码实践需求描述今天，在做Element+Vue项目时遇到一个需求：甲方要求在Dialog打开状态下，点击该Dialog以外的区域会导致该Dialog关闭；正确的状态应该是只有在点击关闭按钮
Gavid-jh·2020-06-29 04:33

element UI dialog点击dialog区域外会关闭dialog

需求描述今天，在做Element+Vue项目时遇到一个需求：甲方要求在Dialog打开状态下，点击该Dialog以外的区域会导致该Dialog关闭；正确的状态应该是只有在点击关闭按钮，或者是Dialog
张婉宁·2020-06-25 14:52

el-tree+vue+js实现修改树结构单选以及输入框

如图所示，点击左侧查看权限，点击修改可以进行修改选择，并带有input输入框以及单选框进行配置element+vue展示代码：render函数返回数据：renderContent(h,{node,data
一行注释·2020-06-25 13:26

VUE集成ElementUI开发

Element不同于Bootstrap,Easyui，自Element产生之初即基于Vue，所以它具有得天独厚条件，与VUE兼容性最好，所以推荐使用Element作为前端开发工具按照如下步骤，指导开发者快速建立Element
陈岐祥·2020-06-24 22:53

element+vue 跟据可视框获取高度

呦吼耶耶耶这里是你的男孩HD好久没有写东西了最近我会疯狂的更新。。。根据我新做的项目遇到的问题进行解析和解答。。。。和以前一样开头还是一个freestyle已经一年多没有更新，没写也是有一定原因，我会努力写好加劲拼，我在这里为你比爱心。接下里进入正题，当我们用到elementuitable时会出现的问题。比如数据过多显示偏灰过长就会出现表头看不到的问题如何解决呢就用到了elementuitable
GBBand乖宝宝·2019-12-15 04:25

element+vue的notify组件，同一个通知在全局多次出现问题

实现全局通知组件，多个标签页只出现一个通知组件的思路：1.localstorage中存贮一个变量，每次通知前去拿这个变量，和当前要实例化的通知的数据进行对比，如果id一致说明某一标签页中已经存在改通知，则不需要再次实例化通知组件，如果不存在，则实例化通知组件，这样就保证了多个标签页中不存在相同的通知，每个通知都只通知一次。相关代码如下：methods:{showNotify(message){if
云胡不喜·2019-10-19 20:45

关于Vue多重循环绑定数据页面自动刷新问题

前几天遇到多层数组循环在Vue的问题，使用的是Element+Vue开发。页面前端代码这里在input失去焦点的时候触发方法，一开始不管怎么写只要一输入数据，input就会失去焦点。
防脱发敲代码·2019-10-16 14:34

Element+Vue对输入框中的数据进行校验

比方说现在要对这个输入框中的数据进行校验元用Element的方法rules:{workMeals:[{required:true,message:"请输入工作餐费",trigger:'blur',},{pattern:/^[0-9]+(.[0-9]{2})?$/,message:'请输入正确的数值'}]}效果：
逆袭之路不做码农·2019-01-22 13:46

基于element+vue树形结构外加多选框

今天有空整理了之前项目中用到的树形结构外加多选框,并实现一定的逻辑，比如全选，单选，全选和单选之间的联动之前也在网上搜到过有关此功能的实现,于是我也就参考着写了一个,放在了自己的博客里,就当是给自己做了一个笔记,嘿嘿嘿~~~下面我直接贴代码下面是menu.vue的代码importTreefrom'@/components/menuTree'importdatafrom'./data.json'ex
WQQREN·2018-12-11 17:59
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他