1.安装依赖：npm install --save xlsx file-saver2.在组件中引入importFileSaver from 'file-saver'importXLSX from 'xlsx'3.在table中加一个id=“exportTab”4.导出按钮添加点击的方法exportExcel(){/*generateworkbookobjectfrom

    今天总结下复杂表单的验证问题，学会后直接可以用在实际开发中，相信看完后一定会对你在实际项目中有帮助。我们都知道elementUI组件库已经比较完善了，今天我们来看下它的常用的表单组件，一般情况下，参照文档开发就可以写出符合业务需求的表单模块，包括表单的验证，但是有时候

场景：开发过程select真的有各种各样的需求，很零碎的小知识点 select动态获取 select默认选中第一个 select获取label select远程获取 select多级联动

由于对于vue了解不够深入，导致今天写这个组件浪费了很多时间。后来一个大神同事给我指点了一下。想做成如图所示的样式的步骤条，使用vue elementui的steps组件做。 最简单的在组件中插入代码实现样式的方法时行不通的<divstyle="height:300px;"><el-stepsdirection="v

elementUI表单嵌套表格并对每行进行校验elementUI表单嵌套表格并进行校验。文章目录效果展示代码链接关键代码完整代码效果展示先看看这是不是需要的效果^_^​

<template><divclass="tabletaskcontent"><el-checkboxlabel="全选":indeterminate="isIndeterminate"v-model="checkAll"@change="selAll()"></el-checkbox><el-table:da

背景对于form表单自定义校验，其实有的时候我们可以进行复用，从而避免重复代码参考了一下网上的方法，大致有以下两种方法方法1：通过自定义函数传参(推荐)代码示例html代码<template><el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm"

<el-table-columnfixed="right"label="操作"width="80"><templateslot-scope="scope"><el-butto

背景随着业务的快速发展、业务复杂度越来越高，微服务作为最佳解决方案之一，它解耦服务，降低复杂度，增加可维护性的同时，也带来一部分新问题。当我们需要跨服务保证数据一致性时，原先的数据库事务力不从心，无法将跨库、跨服务的多个操作放在一个事务中。这样的应用场景非常多，我们可以

elementui中el-alert实现换行的方法给el-alert中的dangerouslyUseHTMLString设置为真就好，在需要换行的地方加入Message({ message:"第几行，身份证号位数异常<br>，第几行，手机号位数异常",dangerouslyUseHTMLString:true})

el-scrollbar外的div一定要设置好高度，el-scrollbar样式设置为style="height:100%"HTML代码<divid="main"><el-scrollbarstyle="height:100%"wrap-style="overflow-x:hidden;"><el-timeline:reverse="reve

<el-switchv-model="value"active-color="#13ce66"inactive-color="#ff4949"active-value="100"inactive-value="0"></el-switch>v-model="value"里的value可以和data里面自定义的value动态绑定，也可以和获取数据时的

1、正常情况下，在一次事件中调用多次通知，会出现重叠DOM<el-buttontype="primary"plain@click="doNotify">弹出通知叠加</el-button>jsdoNotify(){for(leti=0;i<3;i++){this.$notify({title:'我的通知呀&#039

今天遇到一个新的需求，点击按钮查看图片，且图片能放大缩小。如下图：   想到了使用element-ui的el-image组件，官网示例：<divclass="demo-image__preview"><el-imagestyle="width:100px;height:100px":src="url":preview-src-list="srcList&quo

表数据导出前期准备vue依赖安装普通安装，下载可能较慢npminstall--savexlsxfile-saver使用镜像地址安装npminstall--savexlsxfile-saver--registry=https:/egistry.npm.taobao.org代码部分给表格添加一个id按钮绑定导出事件在<script></scrip

原代码：<el-form-itemlabel="分类名称"><el-inputv-model="addCateform.cat_name"></el-input></el-form-item> 修改后：<el-form-itemlabel="分类名称" prop="cat_name"><el-inputv-model="addCat