##element-ui 第131页

element-ui el-table 表格动态合并后，鼠标经过的高亮显示问题

element-uiel-table表格动态合并后，鼠标经过的高亮显示问题合并后高亮是这样的目标效果代码Document.el-table.success-row{background:#f5f7fa;}.el-table__headertr>th{background:#f8f8f8!important;}.el-checkbox__input.is-checked.el-checkbox__i

水中蒹葭·2020-07-07 07:20

day 86 Vue学习之五DIY脚手架、webpack使用、vue-cli的使用、element-ui

本节目录一vue获取原生DOM的方式二DIY脚手架三vue-cli脚手架的使用四webpack创建项目的玩法五element-ui的使用六xxx七xxx八xxx一vue获取原生DOM的方式$refs之前我们获取

deng6648·2020-07-07 06:30

vue_shop电商管理系统

前言这两天在B站上看到一个黑马的Vue实战项目：电商管理系统（Element-UI），包括前后端源代码，前端采用Vue、Vue-router、Element-UI、Axios、Echarts技术栈，后端采用

雪域迷影·2020-07-07 04:22

vue中请求拦截响应拦截设置

第一，在项目的src中新建http.js文件，将以下代码复制进去importaxiosfrom'axios'import{Message,Loading}from'element-ui';importrouterfrom

aiduojia5871·2020-07-07 02:06

vue 获取视频时长

参考资料：js获取上传音视频文件的时长直接通过element-ui自带的上传组件结合js即可，代码如下：HTML：重新上传得加一个中间字段，用于保存视频时长的值，因为在监听器里面不能直接使用vue页面定义的全局变量

aex34027·2020-07-07 02:04

vue中实现分页

element-ui官网中有分页的组件，在vue中可以进行调用，引入组件之后自己在传一下参数给后端即可。

玉带林中挂·2020-07-07 02:35

element-ui中el-radio组件绑定点击事件触发两次的解决办法

一.需求：今天在做项目时有这样一个需求，需要做个单选框，然后点击选中，再次点击时取消，如下图：我用的是element-ui的el-radio，代码如下：是否将此原因同步短信发送给用户exportdefault

霜雪遥·2020-07-07 01:21

vue自定义全局组件(自定义插件)

博主最近研究element-ui和axios的时候，发现他们是自定义组件，但是唯一有一点不同的是，在用element-ui的时候是使用Vue.use()语句来使用的，而axios的时候，不用Vue.use

Tank_in_the_street·2020-07-07 00:49

VUE element-ui input组件限定只能输入数字

在使用element-ui时想要input输入框只能输入数字怎么办？

大写的先生·2020-07-06 23:45

关于element-ui中上传图片样式自定义的坑

我们在项目中可能遇到上传图片的问题，但是element-ui中提供的上传图片样式不满足我们的需求，我们在实现的时候可能会遇到坑。

mschange·2020-07-06 23:57

Nuxt配置Element-UI按需引入的操作方法

Nuxt使用create-nuxt-app创建项目时，选择使用Element-UI为默认组件库，发现Nuxt没有开启Element-UI的按需引入配置，需要自行配置。

·2020-07-06 21:41

Element-UI源码之目录结构

克隆代码gitclonehttps://github.com/ElemeFE/element.git慢慢等吧，看运气了从最新的发布分支上切一个分支出来gittag看到所有的发布之后的分支打的tag，v2.13.0是最新的gitcheckoutv2.13.0gitcheckout-breading目录结构overview-build项目构建命令的目录-examples文档目录-packages各个组

nothing_more_than·2020-07-06 21:14

vue项目中封装的带拦截器的axios请求

1.新建公共请求JS例如api.js;2.在api.js引入`importaxiosfrom'axios'import{Message}from'element-ui`consthttp=axios.create

weixin_43834364·2020-07-06 19:30

（近5w字）面向小白のVue全家桶开发电商管理系统项目总结文档

element-ui篇element-ui官方中文文档传送门el-form组件问题el-form组件

一百个Chocolate·2020-07-06 19:48

vue 鼠标移入移出事件（移入出现按钮），element-ui表格移入移出

效果图：注：@mouseenter="enter(index)"@mouseleave="leave()"重点下载删除data(){return{seen:false,current:0}},//鼠标移入移出enter(index){this.seen=true;this.current=index;},leave(){this.seen=false;this.current=null;}elem

我就是DaLing呀！·2020-07-06 19:16

nuxt.js 封装axios

axioscnpminstallaxios--save2、在plugins文件夹下面创建service.jsimportaxiosfrom'axios'import{Message,Notification}from'element-ui

黄小二哥·2020-07-06 19:21

vue2.0之Mint-UI配置填坑

网上搜了搜，选择了比较流行的饿了么出品的针对移动端的mint-ui，若是PC端可以用更全面的element-ui，这里就不多做介绍了。

qwezxc24680·2020-07-06 18:32

vue element-ui级联选择器选中后下拉框自动收起

Cascader级联选择器数据渲染通过:options=“options”映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性:props="{checkStrictly:true}"1、点击后下拉框自动收起实现设置每次监听值变化的时候，把dropDownVisible属性设置为false即可。（这个属性，官网根本没有说…）html部分:data(){return{menuDialog:fal

web_blog·2020-07-06 18:28

element-ui表格封装（分页、自定义设置等）

最近要开发一个cms系统，开发技术栈选用了vue+element-ui，第一次使用，边踩坑边总结，这里将表格的封装的思路及代码分享出来给大家讨论学习，其中还有很多不完善的地方需要改进，大家可以提出，互相交流学习。话不多说，贴代码，首先是组件代码table.vue删除exportdefault{name:'Table',props:['tableData','isShow'],data(){retu

chouchengfu3739·2020-07-06 16:47

不得不理清楚的练手项目----Vue电商项目（1）

初始化项目2.基于Vue技术栈进行项目开发3.用Vue第三方组件进行项目开发4.说出前后盾分离的开发模式开发模式：前后端分离：前端基于Vue技术栈的SPA项目技术：前端：Vue,Vue-router,Element-UI

耳火·2020-07-06 15:45

Element-ui中Token的使用---Vue实现完整的系统登录退出功能

一、技术提要涉及element-ui中的validate方法二、具体实现1、表单部分代码登录重置2、JavaScript代码说明：script内使用this.

旭哥的个人博客·2020-07-06 14:11

Element-ui el-upload组件上传功能前后台

1、前端代码上传2、后端代码controller//处理文件上传@RequestMapping(value="/upload",method=RequestMethod.POST)public@ResponseBodyStringupload(@RequestParam("file")MultipartFilefile,HttpServletRequestrequest,UploadFileInf

张红熙·2020-07-06 13:36

史上最漂亮-Mac支持NTFS工具-NTFSX

软件界面话不多说，先上图：显示磁盘信息：挂载并打开语言切换（中文切到英文）前言本软件自豪的采用electron，electron-vue，element-ui，muse-ui这些库，我非常感谢这些库的作者

玉-哥哥·2020-07-06 12:52

使用Promise、axios封装ajax异步请求

先上代码（加载动画用的是ElementUI组件）importaxiosfrom"axios"importVuefrom'vue'import{Loading}from'element-ui'constAPI_Root

zhaohanqq·2020-07-06 12:56

vue之mixins的使用方法

其次是使用场景：就比如说我现在将element-ui的弹框组件进行了封装，那我们知道在element1.x版本时，控制弹框组件大小的属性是size，但是升级到2.0后变成了w

zah521999·2020-07-06 11:00

vue封装axios，elementUI正在加载loading（解决多个接口，一次loading的问题）

代码实现如下:import{Message,Loading}from'element-ui';import_from'lodash';letloadingInstance;//loading实例letneedLoadingRequestCount

不许动一二三·2020-07-06 11:34

element-ui中弹框dialog不显示，仅背景变灰

1.问题描述根据element官网的对话框代码，使用时会发现弹框不显示，需要增加一个属性:append-to-body="true"2.加上之后效果复制取消确定

xy405580364·2020-07-06 09:23

vue全局loading，axios拦截封装，api接口维护

都是使用的element-ui

well2049·2020-07-06 06:55

element-UI中的prop问题

表单中的prop（校验）element中的form提供了表单验证功能，只需要通过rules属性传入约定的验证规则，并将form-item中的prop属性设置成需校验的字段名即可。代码如下：//校验的字段如上所示，el-form-item元素的prop属性绑定字段名，就会验证el-input双向绑定的变量是否符合验证规则。表格中的prop（对应数据）当el-table元素中注入data对象数组后，在

小太阳...·2020-07-06 06:20

vue中使用element-ui的表单验证功能，:rules，prop，el-form-item，el-form

1.在标签中绑定:rules=“方法名称”,然后在data里写规则2.2.在标签绑定prop=“规则名”登陆重置exportdefault{data(){return{//这是登陆表单的数据绑定对象loginForm:{username:'',password:''},//这是表单的验证规则loginFormRules:{username:[//trigger:'blur'->失去焦点触发{req

汤家桥的汤大东·2020-07-06 06:09

vue项目用vuex：Computed报错：Computed property "route" was assigned to but it has no setter

常见情况：①使用框架element-ui框架会自动更改（需要注意），②计算属性的值在页面进行的重新赋值。解决办法：①computed:{route:{get:fu

L N ·2020-07-06 05:07

VUE应用element-UI组件实现动态分页功能

附上代码：{{item.goodstitle}}{{item.goodsid}}付款-->{{item.goodscontent}}￥{{item.goodsprice}}data(){return{productList:[],currentPage:1,pagesize:6,}},methods:{//每页条数sizehandleSizeChange:function(size){this.p

hhh·2020-07-06 05:49

Element-UI 上传图片到达一定数量后隐藏图片上传按钮

在项目中使用了element的el-upload上传图片组件，需求是上传一张图片而已，但是发现上传完以后一张图片后在旁边再生成一个上传图片的按钮就像这样，实在是接受不了，并且需求是上传之后没有这个上传按钮，删除图片之后再出现。首先我通过浏览器找到了这个上传图片按钮的class名称为.el-upload–picture-card我知道不可以直接修改，所以决定给这个组件绑定一个class名:class

尘生杜若丶·2020-07-06 05:41

解决Element-UI 侧边栏页面刷新后不高亮显示的问题

最近在写一个后台管理系统，用的vue+element，搞到侧边栏导航的时候路由跳转没有问题，但之后页面刷新发现侧边栏的选中状态(高亮显示)没有了，因为项目时间比较紧，并且没有影响到我后面的开发所以就搁置了一段时间，今天有时间搞了一下，发现想的时候可能有些复杂，其实这个问题还是比较简单的。例如：下面这段代码订单管理设点管理商品管理这里我使用了：router模式，启用该模式会在激活导航时以index作

尘生杜若丶·2020-07-06 05:39

vue+element-ui 如何根据获取的prop的值显示不同的标签

当我们获取后台的数据，后台返回的数据为0和1，我们想要的效果是，后台返回1显示√，后台返回0显示X,如何根据prop的值来判断，在element-UI中怎么判断，将prop去掉在下面加上里面再写vue的判断

渡目成书·2020-07-06 05:52

Vue Element-UI Table点击某一行，将该行背景色改变超级简单

在你的页面的table里面开启elementtable行高亮选项：highlight-current-row然后在style里面设置全局样式：/*用来设置当前页面element全局table选中某行时的背景色*/.el-table__bodytr.current-row>td{background-color:#ff784a!important;color:#fff;}拓展：默认设置选中第一行ta

我就是DaLing呀！·2020-07-06 04:28

vue+axios+element-ui 实现ajax请求拦截和路由拦截

原文链接https://www.cnblogs.com/parkboyoung/p/6761863.htmlajax拦截器：结合element-ui中loading和message组件来处理的，我们可以单独建立一个

秩序、·2020-07-06 01:39

强烈推荐 GitHub 上值得前端学习的开源实战项目

Vue.jsvue-element-admin是一个后台前端解决方案，它基于和element-ui实现基于iView的Vue2.0管理系统模板基于vue2+vuex构建一个具有45个页面的大型单页面应用基于

weixin_34353714·2020-07-06 01:58

使用setTimeout以及async await的误区

项目大致是这样的，用的element-ui的el-upload来实现图片上传，就是一个弹框，里面有很多tab页，每个tab也都有el-upload，只是能每个上传的参数和地址什么的是不同的。

weixin_34166472·2020-07-06 00:22

element-ui表单源码解析之el-form-item

element-ui表单源码解析系列总共有三篇，上一篇《element-ui表单源码解析之el-form》，掘金传送门：《element-ui表单源码解析之el-form》。

weixin_34122604·2020-07-06 00:34

vue使用element-ui的日期选择器，框内默认显示当前时间

data(){return{value1=‘’}}methods:{getdatatime(){//默认显示今天this.value1=newDate();},}mounted(){letthat=this;that.getdatatime()}.input-class{width:150px;height:30px;}复制代码

JhonXie·2020-07-06 00:52

ElementUi Upload上传组件调接口时踩坑（FormData传参）

//main.js里引入并使用import{Upload}from'element-ui';Vue.use(Upload);复制代码//xxx.vue复制代

weixin_34018202·2020-07-05 23:53

在vue项目中引用element-ui时让el-input 获取焦点的方法

在制作项目的时候遇到一个需求，点击一个按钮弹出一个input输入框，并让输入框获得焦点，项目中引用了element-ui在网上查找了很多方法，但是在实际使用中发现了一个问题无论是使用$ref获取input

weixin_34015336·2020-07-05 23:21

创建、发布自己的 Vue UI 组件库

前言在使用Vue进行日常开发时,我们经常会用到一些开源的UI库,如:Element-UI,Vuetify等.只需一行命令,即可方便的将这些库引入我们当前的项目:npminstallvuetify//oryarnaddvuetify

weixin_33744141·2020-07-05 22:44

vue axios 二次封装+BaseUrl打包后自定义+api接口封装

config.json（vue-cli2）或者pulice/config.json（cli3）文件修改配置即可适应不同的服务器地址importaxiosfrom'axios'import{Message}from'element-ui'importrouterfrom

weixin_33737134·2020-07-05 22:05

二次封装element-ui table，操作列手动传入按钮

我们在使用element-ui时，必定会用到表格这个组件，虽然element组件已经为我们封装很好了。

weixin_30955341·2020-07-05 22:09

element中的树形组件，如何获取父级菜单的id

需要改一下node_modules中的源码：文件路径为node_modules\element-ui\lib\element-ui.comment.js搜索文中的TreeStore.prototyp

weixin_30633507·2020-07-05 21:48

vue中v-model 与 v-bind:value

之前一直认为，v-model相当于下方代码的语法糖，如下：{{inputValue}}最近研究element-ui源码时，发现了compositionstart和compositionend方法（方法有什么用

weixin_30615767·2020-07-05 21:00

vue+ElementUI项目中，上传控件为必填项，上传图片后清空提示信息

如果还有其他方法，可以留言，谢谢)一个表单页面，使用element-ui中el-upload上传图片，此项为必填项，然后写了校验规则，当不上传图片时，会提示请上传图片，当上传图片后，提示不会消失；代码如下

weixin_30606669·2020-07-05 21:22

vue中父子组件传值问题通过props 和 $emit()方法

父组件给子组件传值直接通过props,听着很简单，但是对于初学者来说还是比较难以理解的，今天小白通过自己的实践操作结合代码分析一下案例把模态框单独的抽离出来，当作一个组件第一步：首先写好一个模态框（我直接用的是element-ui

weixin_30436101·2020-07-05 20:04

推荐频道

##element-ui