项目中需要实现的效果如图: HTML部分: CSS部分: ...

需求: 提交详细信息的表单, 并上传对应图片(如下图), 后台接口要求表单数据和图片需要一次上传完成.. 分析: 实际上, 每个element-ui Upload组件都应发送一次请求, 很明显不符合我们的要求, 于是,我们需要自定义上传. 　　表单上传首先考虑FormData对象 ...

需求: Element-ui的Table组件自带合计行, 但是需求需要在合计行的某些单元格有特别的样式以及事件, 没有研究出怎么在既有合计行上完成此需求, 于是利用其原本的一些属性完成自定义合计行. 分析: 在Table组件中是有columns(包含所有列的数据的数组 ...

引 在使用element-ui的时候虽然默认的样式已经能够满足很多的需求了，但是有总是有时候要加上些自定义的需求。不过，有的时候样式写上去了，按理说应该是没错的，但却是不生效呢。 其实在vue项目中使用第三方框架的时候，都是可能会出现这个问题的，原因就是，vue中有scoped可以声明了样式 ...

我们可以在formitem上指定验证规则，有时候我们需要校验用户数据的值是否有效，这时候就需要用到自定义的validator rule的写法如下，这里分别加了必填验证，数字格式验证（使用的正则表达式），自定义校验： 自定义方法的写法： ...

前言：下面是官方文档的创建带边框表格（border） 和带斑马纹表格（stripe）方法，但颜色太淡不明显 那么只能改一下它 ...

之前提到过，axios是一个异步请求，但是很多时候我们都需要同步请求，比如在element的表单验证中需要验证一个用户名是否存在的时候，异步请求好像就不太好用了。前边博客中提到过，这种情况可以用es6的Promise来处理，但是今天还是遇到一些问题，因为，Promise的回调函数也是一个异步的过程 ...

概要 element-ui是一套基于vue的前端ui库，因其组件库功能设计完善，样式美观，开箱即用，被广泛应用于各种前端web项目中，但由于不同的项目中主题色是不同的，因为为了使element-ui主题更加贴近项目的设计风格，因此自定义主题显得尤为重要，官方也提供了具体的方法，本文将详细 ...