##element-ui

Vue（element-ui在dialog中回显el-upload照片问题）

以下是我想要的效果，如果用户之前上传过专业资质，那dialog打开默认有用户之前上传过的图片，如果未上传过图片，那么打开是一个上传图片的入口，最多上传五张图片，上传到第五张图片时隐藏上传图片入口。首先是默认显示图片：1）在el-upload中添加：file-list属性，这个属性绑定的值就是要回显的图片2）我这里的图片url是后台给的，通过遍历得到每一张图片的url，并给它们添加url属性在关闭d
Ta是蒙蒙·2020-08-25 06:29

使用element-UI 上传组件实现多类型文件预览

功能需求：详情展示页点击后可以展示图片或者文件（被测试提出的bug）先看下之前写的、只是给组件中加了个disabled进行了点击阻止考虑到页面不同类型的文件预览就新增了on-preview事件逻辑代码块（通过事件过滤其url判断类型进行渲染）//文件下载handlePreview(file){if(!file.url){this.$message.error('下载失败')return}const
xiexie16888·2020-08-25 05:42

Element-ui上传文件（删除、添加、预览）

先看下效果是不是你所需要的。。。。上传文件进度条后续会加上的。。。。功能需求：默认为上传状态1、未上传：点击可上传文件2、已上传：点击可上传文件（1）、鼠标移入【删除】（2）、鼠标点击【预览】然后废话不多说，直接上代码啦，希望能够帮助到你12345616171819上传{{item.contractTempletName}}2021222324252627删除282930313233{{item.
weixin_34179968·2020-08-25 05:26

vue中使用element-ui上传图片编辑回显的

element上传图片回显问题在项目中会使用到element上传图片预览问题,上传一张也许简单,但是上传多张就有一些坑了,贴上代码//HTML添加商品图片:在刚开始的时候不知道图片怎么回显,看到element有个属性file-list,接收一个Array,贴上代码//jsimgFilesList后台返回base64数据res.data.data.file.forEach(item=>{//处理图片
qq_45272329·2020-08-25 04:02

element-ui table表格中复选框部分禁用

方法中写：return1;显示为启用，否则禁用
小宁同学哈·2020-08-25 01:31

element-ui添加表单时不能rules不能验证

element-ui中，新添加的表单v-for不能rules验证，上代码：:prop="`arr.${index}.name`"中arr为v-for绑定的数组，name为v-modle绑定的字段
空白_3569·2020-08-25 00:16

VUE Error:if there's nested data,rowKey is required错误

rowKeyisrequired错误原因分析Error:ifthere'snesteddata,rowKeyisrequiredError:ifthere’snesteddata,rowKeyisrequired原因是element-ui
王绍岗·2020-08-24 20:50

Vue + Vue-router + Element-ui 搭建一个非常简单的dashboard demo

Vue+Vue-router+Element-ui搭建一个非常简单的dashboarddemo转载连接https://segmentfault.com/a/1190000012015667#item-1另附带设置路由懒加载代码时出现Modulebuildfailed:SyntaxError:Unexpectedtoken问题的解决方案路由懒加载代码在启动的过程中，component:()=>imp
乄星落·2020-08-24 19:41

第三期:前端九条bug分享

本期因为需要写这方面的文章,导致我现在工作中很期待有趣bug的出现,看到测试给我提bug还有点高兴...1:element-ui的form表单组件敲'Enter'默认刷新页面bug现象:如题所说,我们需要做的无非是禁掉默认的提交事件
lulu_up·2020-08-24 17:55

遮遮掩掩的滚动条 -> el-scrollbar

Element-UI，作为一套非常出名Vue的UI组件库，玩Vue人几乎都认识它。
竹之同学·2020-08-24 17:41

搭建自己的 vue 组件库（三）—— npm 上面发布自己的组件库

参照Element-ui的目录结构发布自己的vue-ui包搭建项目这里使用vue的脚手架来搭建项目。vue的脚手架有不同的模板，我们使用webpack-simple模板。
weixin_34212189·2020-08-24 17:05

vue axios POST请求后端接收数据异常处理

项目后端管理采用element-ui构建，使用vueaxios进行ajax请求。使用post进行请求时，后端获取参数失败。
weixin_34082695·2020-08-24 17:21

解决Element resetFields()重置表单不生效的问题

前言由于最后在做公司后台在使用element-ui框架，开发过程中出现resetFields表单无法重置的问题，在此记录下解决的办法，也能帮助到以后的同学少踩点坑1.问题重现因“添加”和“编辑”字段是一样的
一个互联网学徒·2020-08-24 17:04

Electron开发实战之09-Chat.vue

我们选用element-ui快速搭建页面。
joehe_cn·2020-08-24 17:37

e-icon-picker 基于element-ui图标和fontawesome图标选择器组件

e-icon-picker图标选择组件简洁大方，专为element-ui和font-awesome图标库开发的图标选择组件，希望大家喜欢！
李振novel·2020-08-24 16:16

vue3.0 开发一个“简单“插件

于是这个项目就是，重构element-ui。目标，适配3.0。
PlusLi·2020-08-24 16:25

Element-UI 导航菜单，部分贴底

如下图，导航一二三四的高度小于100%时，接口文档贴底，大于100%时，接口文档显示在最底端。其实类似于FooterStick，但是由于导航菜单子组件的某些属性，已有的FooterStick解决方案并不能解决我遇到的这个问题。//template导航一分组一选项1选项2选项3选项4选项1导航二导航三导航四++++++接口文档++.sidebar{position:absolute;left:0;t
凭本事打酱油·2020-08-24 16:42

element-ui cascader级联选择器 获取选中对象Object

element-uicascader级联选择器获取选中对象Object(currentLabels、getCheckedNodes())思路：获取对应的NODE节点，节点里存储了相应的数据信息element-ui
赵小俊·2020-08-24 16:50

[vue.js]关于使用 element-ui datepicker 控件时修改数据视图无变化的解决方法

问题描述:在使用element-ui框架中的datepicker组件时,需要自己根据条件手动修改时间范围,修改组件绑定的value值从而引起视图的变化但是当我修改了value值后,数值发生了变化,视图没有实时更新使用组件
无锡肖奈·2020-08-24 16:02

[@vue/cli & element-ui] 安装与环境配置

开启新篇章由于之前工作的原因，很少接触后台页面的开发，因此对传统mvvm框架或者类mvvm框架还是很有抵触的。别扭的语法，与关注点分离原则的违背，以及复杂页面交互的实现问题，这些都成为了我接触并使用它的阻碍。过去曾经维护过一个使用老版本knockout.js开发的项目，当时的感觉真的是无以言表，一度认为这简直是对前端开发的扼杀。不过这一切，在慢慢接触到vue之后，得到了一定的改观。老实说，到现在为
wei4118268·2020-08-24 15:35

第一期:前端九条bug分享

以此来扩展性的思考工作本身,不断的提高自己的意识,毕竟能力的提高遇到的bug一定不同,而且如果遇到bug越来越少只能说明自己的工作任务与学习任务在'原地踏步,且不饱和',既然如此就靠bug来见证自己的成长吧.1:element-ui
lulu_up·2020-08-24 15:34

vue项目中引入iconfont

其实字体图标也不陌生了，bootstrap，font-awesome，element-ui等UI库都基本标
Tusi·2020-08-24 15:04

vue+vue-i18n搭建国际化网站【兼容Element-UI、动态切换css】

今天想来写一下之前为项目搭建的国际化（i18n）功能，由于之前项目主要是使用的Vue+Element-UI，所以本文章中分别有vue-i18n和兼容element-ui的vue-i18n两种写法，大家可以按需参考
是胡桃呀·2020-08-24 15:24

vue-i18n结合Element-ui的配置

使用方法：在配合Element-UI一起使用时，会有2个问题：（1）、页面刷新后，通过按钮切换的语言还原成了最初的语言，无法保存（2）、框架内部自带的提示文字无法更改，比如像时间选择框内部中的提示文字关于第一个问题
亲爱的阿乾·2020-08-24 15:16

基于element-ui的级联多选选择器:el-cascader-multi

基于element-ui的级联多选选择器，友好显示下拉箭头，样式与element一致，支持多选与级联选择器的大部分功能。
charming2015·2020-08-24 15:39

使用jsx配置element-ui的table

背景由于表格数据比较同构，有时候列配置是动态的，此时希望使用v-for来配置columnconstPHONE_COLS=[{title:'录音id',dataIndex:'attach_id'},{title:'接听客服',dataIndex:'handle_user_info'},{title:'呼叫类型',dataIndex:'type_desc'},{title:'通话时长',dataInd
defghy·2020-08-24 15:27

Vue $mount实战--实现消息弹窗组件

之前的项目一直在使用Element-UI框架，element中的Notification、Message组件使用时不需要在html写标签，而是使用js调用。
heath_learning·2020-08-24 15:44

【mone-query】基于 element-ui 的通用查询组件

mone-queryGithub:https://github.com/jczzq/mone...Demo:https://blog.jczzq.com/mone-q...mone-query是基于element-ui
jczzq·2020-08-24 15:58

element-ui 源码分析-工具篇：popup

在element-ui源码中，主要分为两个popup-manger.js和popupmixin这两部分，我们先看下popupmixin这个文件。
我爱萨摩耶·2020-08-24 15:03

vue-i18n结合Element-ui的配置

使用方法：在配合Element-UI一起使用时，会有2个问题：####（1）、页面刷新后，通过按钮切换的语言还原成了最初的语言，无法保存####（2）、框架内部自带的提示文字无法更改，比如像时间选择框内部中的提示文字关于第一个问题
亲爱的阿乾·2020-08-24 14:29

从Dialog管理谈到Vue渲染原理

大量的弹窗有什么问题假设你有一个弹窗组件，类似于element-ui的Dialog，如果简单粗暴的每一个弹窗都写一个dialog，那么会有以下问题：模板过长，且大量冗余命名困难，每一个弹窗需要一个变量去控制显示
呱呱呱·2020-08-24 14:34

element-ui中cascader同时获取label和value值

关于elementUI中cascader选中值后，能获取value或者label，但不能同时获value和label，这一问题，琢磨出了这么个办法。以新增和编辑城市为例，type:1编辑，type:0新增1.配置元素2.配置cityPropscityProps:{value:'all',label:'label'}3.组装props中的all//cityLists中遍历组装allall:{valu
stardew·2020-08-24 14:30

一个vue的日历组件

一个vuecalendar的npm组件说明：稳定版:1.2.0;Beta版:2.0.01.基于element-ui开发的vue日历组件。
流苏·2020-08-24 14:50

vue-cli element-ui打包报错Unexpected token: operator (>)

问题：打包时报错ERRORinassets/js/8.1cf9f71e2f3b3b6ed470.jsfromUglifyJsUnexpectedtoken:operator(>)[node_modules/[email protected]@element-ui/src/mixins/emitter.js:2,0][assets/js/8.1cf9f71e2f3b3b6ed470.js:3947,
lmxdawn·2020-08-24 14:17

nuxt element-ui 上cdn

今天主要写的是nuxt在什么地方设置上cdn根据官网的api把publicPath直接改成你的cdn链接地址就可以了。（在nuxt.config.js添加）你改了之后，可能会遇到它会吧字体文件也会上传。就会报跨域的问题，我只会又查官网api，才知道nuxt的asset文件和static文件是有区别，asset是会被webpack打包，你只需将字体文件放到static就会当成静态文件直接访问，不会处
仲仔·2020-08-24 14:23

vue常见问题及解决方法

一element-ui打包后组件显示方框解决方式  本节内容来自这里。  
Kessity·2020-08-24 14:56

解决vue-cli element-ui打包报错Unexpected token: operator (>)

1.问题描述我vue-cli写了项目，界面都是用element-ui写的，打包时报错：ERRORinassets/js/0.498ce690b229694d8858.jsfromUglifyJsUnexpectedtoken
煲煲菜·2020-08-24 13:44

vue封装axios请求springboot 及跨域问题

element-uinpminstallelement-ui--save安装axios插件npminstallaxios--save创建个http.jsimportaxiosfrom'axios';import{Message}from'element-ui
_黑猫_·2020-08-24 09:48

联级选择器（仿element-ui），不过我用的是jq写的！

在做组件之前，一般我都是把HTML结构先写出来的，最终我们需要变成这样的结构    文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字                       然后是样式：/*这里采用浮动是为了让宽度自适应*/    .cascader-menus{float:left;font-size:0;border:1px#cccsolid;}/*布局
导乐符·2020-08-24 09:28

Element-UI布局（左右上下布局）

.el-header{background-color:#b3c0d1;color:#333;line-height:60px;}.el-aside{color:#333;}#div_main{background-color:aqua;}导航一分组一选项1选项2选项3选项4选项4-1导航二分组一选项1选项2选项3选项4选项4-1导航三分组一选项1选项2选项3选项4选项4-1查看新增删除王小虎查看
明耀·2020-08-24 09:11

13、element-ui中表单验证函数的封装

//表单验证validatForm(){//校验表单的方法letvalidatthis.$refs['addform'].validate((valid)=>{validat=valid})returnvalidat}//调用if(!this.validatForm())return
快点赞呀·2020-08-24 09:58

电商后台管理系统项目介绍和项目初始化

目录一电商项目基本业务概述二电商后台管理系统功能三电商后台管理系统的开发模式（前后端分离）四电商后台管理系统的技术选型五前端项目初始化步骤六创建新项目七安装element-UI插件八配置element-UI
cakincheng·2020-08-24 08:32

Element-UI组件实现全局回到顶部功能

目录一项目创建步骤二删除不必要的文件三删除不必要的代码四安装element-ui五启动项目六测试七正式编写的代码八测试效果九源码地址一项目创建步骤1创建项目vuecreateele-components2
cakincheng·2020-08-24 08:32

Element-UI组件实现普通登录

一代码1创建登录视图Login.vue普通登录组件exportdefault{name:"Login",data(){return{//表单数据ruleForm:{username:'',password:'',},//表单验证规则rules:{username:[{require:true,message:'用户名不能为空',triangle:'blur'},{min:2,max:6,messa
cakincheng·2020-08-24 08:32

element-ui踩坑

1、element复选框有时会出现选择没有打对号的问题，解决方法为label里的属性类型不对不能是number类型，要变成string类型2、element会自动生成一些标签，比如el-input会自动给外层加一个div，所以在给el-input加class的时其实是加的外层div，而修改input样式的话是很难覆盖样式的，因为element中的样式要优先于局部样式解决方案：方案一：全局样式覆盖方
weixin_30536513·2020-08-24 03:31

vue中使用element-ui里的table中表头与表格出现错位问题

现象：原因：电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。解决方案：找到项目入口文件（敲黑板重点！！），添加全局样式：.el-tableth.gutter{display:table-cell!important;}效果：完美啦，看着顺眼多了吧～
khadijiah·2020-08-24 00:40

yarn安装依赖包报错 error An unexpected error occurred: “https://registry.npm.taobao.orgnpm/element-ui: get

yarn安装依赖包报错，errorAnunexpectederroroccurred:“https://registry.npm.taobao.orgnpm/element-ui:getaddrinfoENOTFOUNDregistry.npm.taobao.orgnpmregistry.npm.taobao.orgnpm
南极以南�·2020-08-24 00:57

el-menu及嵌套路由实现点击导航栏显示不同内容而导航栏不动功能

当前用户：柴退出火情共享平台监控历史火情统计-->-->-->-->-->importVuefrom'vue'importElementfrom'element-ui'import'element-ui
web coder·2020-08-23 21:29

element-ui的dialog弹框写添加用户功能

//添加用户功能添加用户//dialog对话框//el-form表单取消确定data(){return{UserForm:[{username:''}],UserRules:{username:[{required:true,message:'请输入活动名称',trigger:'blur'},{min:3,max:5,message:'长度在3到5个字符',trigger:'blur'}],}}}
呦呦鹿鸣-·2020-08-23 21:18

element-ui 中el-select 嵌套 tree树形控件

element-ui中el-select嵌套tree树形控件最近项目中要求要有一个下拉框，里面的选项可以折叠并且多选我第一反应用Cascader级联选择器不就好啦，多简单啊但是，他要求不要在右边展开子选项只能下拉展开这个时候我就想起用
a　入画浅相思·2020-08-23 21:27
上一页 96 97 98 99 100 101 102 103 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他