一只程序猿

这个没什么难点，就是找数据挺麻烦。我是直接拿的vant的数据。再通过一系列的js操作转换成了一个树结构的对象。，因为基于element的样式，所以这个对象里面基本都是他的原生属性。1、组件源码main.vue。此组件已上传至npm。

fileName（必传，看和后端约定，可以在response的header中返回文件名称）3、测试使用 testDonlad.vue，当挂载全局，或者打包上传npm之后，只需要。可以根据实际项目约定修改。requestType（请求类型非必传，默认get）封装成组件，多了一个element按钮的对象属性，这样一行几个字代码就能实现文件下载，岂不是美滋滋。集成element原生属性，参考自定义样式。params（请求参数非必传）1、组件源码 main.vue。采用获取配置文件的方式，

此版本集成了eltable自身所有属性，看起来更复杂，但是功能更全面。主要是一些eltable自带的功能。需传入4个属性tableData、tableObj、columnObj、pageObj将tableObj和columnObj分离出来，tableObj主要是一些eltable自带的功能非必传。其他三个为必传对象。

tag点击事件，调用方法计算scrollbr宽度，计算tag宽度，计算tag距离left（左边）多少px。tag宽度+距离右边再加20px左右，如果大于scrollbr宽度，证明tag所在位置已经到了最右边，实现点击tag之后scrollbr跟随滚动。4、把scrollbar和tag封装成组件，通过点击tag，获取tag位置，并计算scrollbar和tag宽度，实现根据tag位置，scrollbar跟随滚动。初始化数据渲染完成之后，通过当前路由获取下标，实现初始化计算。拦截，每次路由记录到缓存。

1、问题出现原因，form表单复用。多次试验结果如下：1.1、先打开新增弹出框（没有值）再打开修改弹出框（赋值），resetFields()方法可以生效！1.2、先打开修改弹出框（赋值），再打开新增弹出框（没有值），此时resetFields()方法不再生效！不管新增还是修改，resetFields()方法都不再生效！哪怕你手动删除值，再次打开依然会存在数据！2、原因是这个初始值是在form mounted生命周期被赋值上去的，解决办法使用 $nextTick()方法。注意顺序，弹出框要..

1、弹出框，遮罩层在上面在el-dialog里面加上属性：:modal-append-to-body="false"2、弹出框使用el-col乱样式直接全局改样式：<style lang="less" scoped> /deep/.el-dialog,/deep/.el-dialog__header,/deep/.el-dialog__body,/deep/.el-dialog__footer{ overflow: hidden }</style&.

详解：element的form表单二次封装也很简单，写一个form表单你会发现不一样的地方只是form-item里面的组件类型而已。所以把form-item里面的内容可变化就行了。父级也只需通过一个数组（form-item里面组件类型数组），一个对象（form表单数据对象）控制就行了！为什么要多一个对象，是为了方便数据提交，以及数据验证。这次封装多加了el-col，也没有直接放进弹出框，是为了更加灵活可变！1、form表单代码（子组件）<template> <el-form :

前言：个人理解所谓封装，就是把经常都要公用的东西，拿出来，可以多次复用。公用方法，公用页面都可以封装。其实封装也并不是有多难，思路也很简单，就是用JS来控制页面。页面动态性越强，组件越灵活，适用范围越广。就vue+element的组件封装而言，先把所有功能在子页面实现。然后把js里面的动态值，拿到父组件里面去传过来，就完成了，其中技术也就掌握父子组件传值而已。1、下面就是el-table的一个简单封装：<!-- @author Zou Tiancong@version 创建时间：

因为项目需要，很多时候，其实都需要用到table在线编辑。另外本人比较喜欢写注释，所以就不做过多的解释了，下面就直接看代码（复制可用的）element-ui官网：https://element.eleme.io/#/zh-CN/component/table1、html代码<el-table :data="tableData" border style="width: 100%...

记得看总结，划重点，考试要考1、先封装axios，新建一个request.js。因为个人编码习惯，注释已经写得很清楚了，这个就不做过多解释了，直接看代码，import axios from 'axios' //引入axiosimport router from '@/router/router'//引入路由import VueCookies from 'vue-cookies' //...

1，el-menu跳转时如果按照以下写法无疑看起来感觉很鸡肋，而且index这个属性感觉并没有任何作用<el-menu-item class="menutitle" index="/webB/index" route="/webB/index" v-show="menu.index">2，在el-menu标签中直接开启router模式( :router="true" )，就会...