学习记录

问题：添加和编辑页面使用路由跳转的方式切换，但是切换到添加页面后，添加功能所在页面对应的侧边栏不会高亮显示。解决方法：route 的 index.js 中给需要改变高亮的路由（添加和编辑页面）增加guidePath和jumpPath字段，guidePath：就是一个状态变量，这里可以表示当前路由高亮指向不是本身jumpPath：表示高亮指向的路由。在侧边栏el-...

<el-dialog title="批量修改" :visible.sync="dialogFormVisible" v-if='dialogFormVisible'width="550px">在dialog上面添加v-if='dialogFormVisible' 就可以初始化了

this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())

官网说明：将show-summary设置为true就会在表格尾部展示合计行。默认情况下，对于合计行，第一列不进行数据求合操作，而是显示「合计」二字（可通过sum-text配置），其余列会将本列所有数值进行求合操作，并显示出来。当然，你也可以定义自己的合计逻辑。使用summary-method并传入一个方法，返回一个数组， <el-table :data="distributi...

<el-dialog title="编辑" :visible.sync="centerDialogVisible" width="70%" center @close="closeDialog" > <div> <el-form :model="ruleForm2" :rules="r...

<el-table :data="tableData" style="width: 100%"> <el-table-column v-for="col in cols" :prop="col.prop" :label="col.label" > </el-table-column></el-table><el...

试了下直接在代码里使用\n 是不能生效的 .el-table .cell { text-align: center; white-space: pre-line;/*保留换行符*/ }在代码里面使用\n 就可以生效了 initName(row, column, cellV...

table的选中事件@selection-change="handleSelectionChange" &lt;el-table :data="tableData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange"&gt; &lt;el-tab

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。　　官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。　　单个输入框的　　组件代码：&lt;el-date-picker v-model="value1" type="date" ...

 背景业务需求是这样子的，每当发请求到后端时就触发一个全屏的 loading，多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等，所以文章主要是讲如果使用 axios 和 element 实现这个功能。分析首先，请求开始的时候开始 loading， 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后，要解决多个请求合并...

简介element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。Layout布局（el-row、el-col）element-ui借用了bootstrap框架的思想，使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下&lt;el-row&gt; &lt;el-col :span="6"&gt;&lt;div class="...