需求：关闭弹框时清空表单内容解决方法：使用@close事件，函数可以自定义 eg : resetForm()、closeDialog()<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"><el-form :model="ruleForm"...

<el-tablestripe border :header-cell-style="{background:'#FAFAFA'}">

负责项目所遇到的步骤条流程，给大家分享一下，效果如下注：vue2.0 项目该效果引用element-ui的步骤条，引用之前确保个人项目已安装Element安装命令：npm install element-ui然后在main.js中引入：确保安装引用成功后，就可以开始写步骤条代码了页面代码如下：通过判断active的状态去切换所在步骤的内容js代码如下：prev为...

目标：vue+element 实现上传图片及pdf 和预览功能技术：vue、element、vue-pdf安装及引入：//安装npm install--save vue-pdf//引入import pdf from 'vue-pdf'export default {components: { pdf }}页面代码：<template><div><el-upload a

vue项目favicon不正常显示，或只显示在首页或登录页之后不显示解决方案：1.直接将favicon.ico放到根目录，与src，static同级2.在 webpack.dev.conf.js 文件里plugins里加入以下代码new HtmlWebpackPlugin({filename: 'index.html',template: 'inde...

vue文件下载及重命名 支持pdf、doc、docx、excel等格式

需求：动态表格指定行加样式解决方法：:cell-style="cellStyle"适用表格插件：Element、vxe-table注：本文以vxe-table表格插件示例示例：给动态表格第2行、第3行、第5行字体加粗<vxe-table v-else border stripe :data="dataSource" :cell-style="cellStyle" ><vxe-ta

技术：Vue+element问题：多个table表格使用v-if切换展示时，多个相同的标签被渲染，导致table表格渲染内容出错如果不添加key来区分则会出现数据冲突解决方法：给table加个:key就可以...

禁止输入空格：onkeyup="this.value=this.value.replace(/\s+/g,'')"input 去除前后空格  trim属性原生js中：var str = document.getElementById("input").trim();Vue中提供了对应的属性，eg：<input type="text&q

F2是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex）。在Vue中使用F2移动端图表，详细步骤如下：npm安装npm install @antv/f2 --save在main.js中引用impor F2 from '@antv/f2';Vue.prototype.F2 = F2;在页面中使用，首先创建一...