vue+elementui

vue+element ui 的上传文件使用组件

前言：工作中用到vue+elementui的前端框架，使用到上传文件，则想着封装为组件，达到复用，可扩展。
weixin_30279671·2020-09-10 18:41

vue+elementui 实现多选框两个选项同时勾选

问题描述：最近项目遇到一个小功能实现，即在el-checkbox-group中，点击某一个选框时，有一个选框会同时被选中，并且这个被选中的选框被设置为禁用状态。实现思路：在js里面，判断多选框是否选中，得到多选框选中的值，都是通过id来获取对应的多选框的状态、值。但是通过elementUI的多选框官网里面可以知道，el-checkbox没有id这个参数。多选框组设置绑定v-model，绑定选中的存
qq_41649755·2020-09-10 16:36

element ui的一个el-checkbox-group问题

今天在处理vue+elementui自动循环生成页面的问题时，被的一个问题搞死了，具体现象就是：通过v-for自动循环出的checkbox出现了点一个全选的情况，中间通过自己定义一个零时的空[]却可以无错通过
王志鹏的博客·2020-09-10 16:41

vue+elementui限制input只能输入数字

除了数字其他输入不了~~
我的大树·2020-09-10 14:40

用 Vue+ElementUI 搭建后台管理极简模板

本文由图雀社区成员灿若星空[1]写作而成，欢迎加入图雀社区，一起创作精彩的免费技术教程，予力编程行业发展。写在前面此篇文章为一篇说明文档，不是教你从零构建一个后台管理系统，而是基于一个实际项目，已经搭建好了一个后台管理系统的基础框架，教你如何在此基础上快速开发自己的后台管理系统，能让读者能在掌握一些基础知识的情况下，也能上手vue后台开发。只有接触项目，才能更好地理解自己所学知识的意义，触类旁通把
图雀社区·2020-09-10 14:27

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

使用Vue+ElementUI，构建出最基本的树如下图所示：现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。下拉菜单将下拉菜单嵌到树节点中，使操作更加简便、紧凑。
·2020-09-10 10:37

vue+elementui实现下拉框及页面刷下

vue+elementui实现下拉框及页面刷下1、应用场景：首页是一幅地图，地图中有相应的地址，点击相应的地址会跳转到相应的页面!
瑞比ya·2020-09-09 23:55

分享vue+elementui 采用el-row布局 小坑

分享vue+elementui采用el-row布局小坑问题：24份布局，分4个输入框，出现文字与输入框各在一行的样式bug。
滚石青年·2020-09-03 15:19

vue+elementui实现el-table中显示图片

1、table中显示图片2、当需要遍历图片时，不能直接使用prop绑定值3、一张图片4、多张图片
卡洛背心·2020-08-28 16:21

vue+elementui实现图片预览，放大图片

背景：后台系统用到图片预览功能。页面方法methods/*操作--查看图片预览*/getImgList(index){letimages=JSON.parse(JSON.stringify(this.extend))for(leti=0;i<index;i++){images.push(images[0]);images.splice(0,1);}returnimages},
小红同学5·2020-08-25 05:30

vue+ElementUI附件上传

Element官方插件Upload上传,详情看官方文档,具体实现如下:几个重要的参数:on-preview：图片的话点击可做放大操作,附件的话点击可做下载操作（对上传过的附件下载挺有用的）。on-success：上传成功返回参数。file-list：列表里面放的是附件name和url（对多附件非常重要，name和url我是在后端封装的，返回的josn对象名一定要是name和url）。on-remo
不说不闹睡觉觉·2020-08-25 05:33

Vue+ElementUI的文件上传要求选择图片回显预览

在官方例子中绑定img标签的src属性，并绑定文件上传变化的事件在文件每次变化，把文件的url放入blob池并回显。
.树懒.·2020-08-25 02:03

Vue项目在Docker的自动化部署

Centos安装Git、DotNet、Docker2.Github创建仓库https://github.com/longtaosu/Vue2DockerDemo3.本地初始化Vue项目初始化过程请参考：Vue
aofgryq715157389·2020-08-25 01:47

vue+elementUI项目中，el-dialog弹出框被遮罩层覆盖

vue+elementUI项目中，el-dialog弹出框被遮罩层覆盖一、问题表现el-dialog弹出框被遮罩层覆盖但是，浏览器调试时，明明遮罩层比弹出框z-index层级小【低一层】。
AIU哎呀·2020-08-24 07:21

城市三级联动vue+elementUI详解(对象数组类)

城市三级联动vue+elementUI详解效果图一.基础数据引入二.template内的代码三.methods内的代码四.代码解析:五.备注:效果图一.基础数据引入1.在里提前引入area.js文件area.js
泡椒猪肝·2020-08-23 21:04

vue+elementui el-upload上传文件携带参数

exportfunctionparsingExcelAddData(data,setId){returnfetch({url:'',method:'post',//方式一定是postheaders:{'Content-Type':'multipart/form-data','setId':setId//放到formData里后端拿不到，所以放到请求头里了},data:data//参数需要是单一的f
心向阳光，便是晴天·2020-08-23 21:18

vue+elementui封装select-tree下拉树【单选|多选】模块

组件代码：//事件有两个参数：第一个是所有选中的节点ID，第二个是所有选中的节点数据*确定exportdefault{name:'test-code',props:{//树结构数据data:{type:Array,default(){return[];}},obj:{type:Object,required:false,default:()=>{return{id:'id',//IDlabel:'
w_小小泽·2020-08-23 19:59

vue+elementui 使用tabs 浏览器会卡死问题

最近在用vue+elementui开发后台管理系统，竟然出其不意的遇到了神坑（使用tabs浏览器会卡死问题）。问遍了身边的前端工作者，表示木有任何一个来遇到该问题。于是，翻翻白眼，能怎么办。
scy_fighting·2020-08-23 19:42

vue+elementUI实现导出el-table表格(fixed固定列数据不重复)

//安装依赖，主要是两个依赖:(xlsx和file-saver)npminstall--savexlsxfile-saversrc文件下建立个目录until（存放公用的js文件），until下建立个excel.js//引入依赖importFileSaverfrom'file-saver';importXLSXfrom'xlsx';//id绑定的id，title表格名称exportconstexce
@深海爱人·2020-08-23 15:04

项目开发:Vue+elementUI中el-select不对应展示问题的详细解答

项目开发:Vue+elementUI中el-select不对应展示问题一.问题:elementUI中el-select不对应展示问题二.问题产生原因:三.具体解决方案一.问题:elementUI中el-select
泡椒猪肝·2020-08-23 15:29

vue+elementui el-select下拉框单选多选问题

我的需求是当选择“单导心电”或者“常规心电图”时其余不可选，这两个只能是单选，选择其他的时候是多选。如果选择了其他的，再选择二者其中一个的时候，文本框只能是二者其中一个
心向阳光，便是晴天·2020-08-23 15:18

Vue学习（博客系统登录后端实现）

上一篇通过vue+elementui实现了前端的登录页面和请求，但是后端是没有实现的，所以登录会提示登录失败今天来实现一个简单的后端数据库验证登录，后期有时间会使用springsecurity加上安全验证
dw147258dw·2020-08-23 10:40

vue+elementUI标签里面 三元运算符的运用

最开始用v-if和v-else，感觉代码冗余。用{{}}语法写三元运算符又总是报错尝试几种写法后，以下为准确写法
hongc93·2020-08-23 01:01

vue+elementui el-cascader回填功能

updateChart(id){this.$http.get('url?id='+id).then(res=>{if(res.data.success===true){this.dataTableId=res.data.data.dataTableIdthis.dragTo.values=res.data.data.dragTothis.$refs.hottable.editShowTableMe
心向阳光，便是晴天·2020-08-22 19:38

vue+elementui el-cascader刷新问题

1.cascader是定义的ref="cascader"this.$refs.cascader.panel.lazyLoad();
心向阳光，便是晴天·2020-08-22 19:38

VUE日期格式化与数据格式问题

但是针对VUE+ELEMENTUI数据显示却没有对应的属性，需要自己定义工具函数进行转换。
JDIT·2020-08-22 19:14

VUE+Element UI实现简单的表格行内编辑效果

VUE+ElementUI实现简单的表格行内编辑效果elementUItable点击编辑按钮进行编辑实现示例vue.js的element表格在线编辑的正确姿势vue-element-extends
ChouCat·2020-08-22 18:38

vue+ElementUI 刷新后tree树保存节点展开

1.用官网提供的参数定义一个数组，然后点击树节点时，保存下来，存进数据内，刷新后树之前展开的节点就能还是展开的状态。2.this.idArr.push(this.form.parentid);//保存树节点的展开this.form.parentid是当前点击的节点id，放到idArr里面、注意：如果保存节点不管用，可以查看Tree是否添加了node-key=“id”
石意·2020-08-22 18:58

vue+ElementUI基本使用 数据的增删改查

使用vue+elementUI实现基本的增删改查{{isEdit?'第'+(index+1)+'条信息编辑':'信息添加'}}{{isEdit?'
kksw1121·2020-08-22 18:16

element下拉框选择值不更新问题

在使用vue+elementui的时候遇到下拉框选择值发生变化了，但是页面值却没有更新代码页面如图出现这个问题是这边循环的collector数组是动态获取的，改变页面其他选项都会修改collector的值
知所云·2020-08-22 17:08

elementUI table 展开行内嵌套table

需求产品需要table展开行内嵌套一个可以翻页的table，emmm·····我也不知道她咋想的，那么需要就得试下呀使用vue+elementUI首先，elementui提供了table展开行的一个功能
知所云·2020-08-22 17:37

VUE+ElementUI 实现 el-table树形结构的全部展开和全部收回功能

目录标题背景实现思路背景ElementUI官方提供了el-table的树形结构展示方式。通常使用树形结构时，会需要“全部展开”和“全部收回”的按钮功能，便于我们能够方便对数据表格的操作。比如下图的实现效果：实现思路官方文档中给出了表格级别的方法，在TableMethods中，可以找到toggleRowExpansion方法，其具体含义参见官网释义。该方法可以实现表格中某一行的展开或者收缩功能，那么
小张写bug·2020-08-22 17:47

vue+elementui环境搭建

vue+elementui环境搭建参考https://blog.csdn.net/weixin_42024362/article/details/80008328参考https://blog.csdn.net
weixin_43228674·2020-08-22 14:10

vue+elementUi 下拉框初始化默认值后，点击切换其他选项没有反应

vue+elementUi下拉框初始化默认值后，点击切换其他选项没有反应示例代码如下：varvm=newVue({el:'#app',data:{message:{},opthions:[{value:
人生如梦未阑珊·2020-08-22 14:58

解决：elementUi 样式不显示（请大佬们指点一二）

背景在使用vue+elementUi时，表单样式元素不显示，但是下面表格样式却是显示的。
断然Juvenile·2020-08-22 13:12

在前端 IPA & APK 还能这样玩

此外该项目采用前后端分离的开发方式进行开发，前端技术栈采用Vue+ElementUI，后端技术栈采用Node.js+Koa，这对于我这个
阿宝哥·2020-08-22 13:31

vue+elementUI导出数据为word文档

今天做项目遇到需求是在word文档里面增加数据，在已知文案里面加上用户签名和时间。我也按搜索到的做的。我做的时候主要参考了简书写的，具体链接：https://www.jianshu.com/p/0de31429b12a以下是我写的代码模块，步骤完全按简书写，如下：1.先下载相应的包//安装docxtemplateryarnadddocxtemplaterpizzip--save//安装jszip-
前端-珊珊·2020-08-22 13:09

vue+elementUI在ie下导航栏样式不生效（修改导航栏样式）

想做的样子在谷歌中显示正常，但是在ie中背景色被覆盖应该是element里面的js生成的内联样式backgroud-color继承了父元素修改覆盖样式无聊记录一下
Janeisme3L·2020-08-22 12:28

vue实现audio进度拖拽播放及拖拽播放问题解决

vue+elementUi简单实现audio拖拽播放前言：很久之前做过的一个录音播放功能，当时播放拖拽进度的时候出现了进度条拖到目标位置松手后又退回去的bug，现在想起来把实现过程和解决方法简单再写一遍
小男哥、·2020-08-22 12:10

Vue+ElementUI: 手把手教你做一个audio组件

目的本项目的目的是教你如何实现一个简单的音乐播放器（这并不难）本项目并不是一个可以用于生产环境的element播放器，所以并没有考虑太多的兼容性问题本项目不是ElementUI的一个音频插件，只是一个教程，不过你可以自行扩展实现本项目只是为了学习audio相关事件以及API本项目的音频文件是位于static/falling-star.mp3，歌曲名为：星球坠落Live艾热、李佳隆查看在线demo:
Carl·2020-08-22 10:35

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

使用Vue+ElementUI，构建出最基本的树如下图所示：现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。一、下拉菜单将下拉菜单嵌到树节点中，使操作更加简便、紧
Ygria_·2020-08-21 09:14

拒绝CV搬砖，如何优雅的使用elementUI的表单

假设项目是用的vue+elementUI，那经常会出现这种代码data(){return{data1:0,data2:1,data3:2,data4:3,}}methods:{onchange(value
阿古达木·2020-08-21 04:29

vue elementUI 表单校验（多层嵌套）

嵌套对象的校验项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。
阳呀呀·2020-08-20 20:58

vue elementUI 表单校验（多层嵌套）

嵌套对象的校验项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。
阳呀呀·2020-08-20 20:57

Vue+ElementUI框架集成Cesium

版本信息1.Vue-cli：2.9.62.element-ui：2.13.03.Cesium：1.64.0流程Vue+ElementUI安装请查考Vue-cli+ElementUI环境搭建Cesium安装使用
giscoder·2020-08-20 06:29

vue+elementui 只能选7天内的日期

html:查询时间至js:data(){const_this=this;constdateScope=7*24*3600*1000;return{pickerStart:{disabledDate(time){constendLen=_this.endDate;if(endLen===0||endLen==""||endLen===null){returntime.getTime()>Date.n
周家大小姐.·2020-08-19 19:21

vue+elementui使用vuedraggable插件实现图片文件拖拽排序

安装npminstallvuedraggable引入importvuedraggablefrom'vuedraggable'写成组件=0">{{image.fileName}}{{type===1?'添加图片':'添加文件'}}{{type===1?'更换图片':'更换文件'}}importuploadfrom'@/utils/upload'importvuedraggablefrom'vuedr
代码小李·2020-08-19 10:51

vue+elementui运用el-upload结合cos-js-sdk-v5实现腾讯云cos文件上传

npminstallcos-js-sdk-v5下面展示upload.js。//AnhighlightedblockimportCOSfrom'cos-js-sdk-v5'import{getSecret}from'@/api/upload'exportdefaultfunctionupload(file,config,callback){if(typeofconfig.isPublic==='un
代码小李·2020-08-19 10:51

记录关于基于VUE+elementui实现多级表头导出excel

废话不多说，直接贴代码！这是html代码，没啥好说的~html然后非常重要的两个步骤：npminstallxlsxfile-saver-Snpminstallscript-loader-S-D然后就开始使用吧~gogogo！！！导出方法上面的multiHeaderheader依次是一级、二级表头filterVal是把所有表格的字段一个个塞进去，后面需要循环处理。然后是merges，顾名思义，意思是
我和我自己_4779·2020-08-19 09:36

vue+elementui课表

主要是页面和数据的一个结构问题，我这儿把课节时间和课表内容分开了，上代码**班级查询{{belongName}}保存取消编辑删除只能以模板文件上传，否则服务器不识别！！下载模板上传至服务器导入第{{v.count}}节{{v.startTime}}-{{v.endTime}}{{scope.row[sbjectKey[i]]}}{{scope.row[teacherKey[i]]}}第{{v.co
木易公子·2020-08-19 05:30
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他