![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementUi
_Lunay
这个作者很懒,什么都没留下…
展开
-
vue element-ui路由切换到添加或编辑页面实现侧边栏高亮
问题:添加和编辑页面使用路由跳转的方式切换,但是切换到添加页面后,添加功能所在页面对应的侧边栏不会高亮显示。解决方法:route 的 index.js 中给需要改变高亮的路由(添加和编辑页面)增加guidePath和jumpPath字段,guidePath:就是一个状态变量,这里可以表示当前路由高亮指向不是本身jumpPath:表示高亮指向的路由。在侧边栏el-...原创 2020-04-29 17:17:14 · 2162 阅读 · 1 评论 -
el-elment dialog初始化
<el-dialog title="批量修改" :visible.sync="dialogFormVisible" v-if='dialogFormVisible'width="550px">在dialog上面添加v-if='dialogFormVisible' 就可以初始化了原创 2019-10-10 09:52:24 · 2351 阅读 · 0 评论 -
elementUI tree组件获取当前选择所有数据
this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())原创 2019-08-30 18:50:26 · 8467 阅读 · 1 评论 -
element el-table 计算指定列
官网说明:将show-summary设置为true就会在表格尾部展示合计行。默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过sum-text配置),其余列会将本列所有数值进行求合操作,并显示出来。当然,你也可以定义自己的合计逻辑。使用summary-method并传入一个方法,返回一个数组, <el-table :data="distributi...原创 2019-07-12 11:33:07 · 8811 阅读 · 0 评论 -
element ui 打开弹框表单校验问题
<el-dialog title="编辑" :visible.sync="centerDialogVisible" width="70%" center @close="closeDialog" > <div> <el-form :model="ruleForm2" :rules="r...原创 2019-06-26 10:51:53 · 7216 阅读 · 1 评论 -
elementUI中el-table 如何动态生成列
<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...转载 2019-06-14 20:15:12 · 6513 阅读 · 0 评论 -
element table 组件内容换行
试了下直接在代码里使用\n 是不能生效的 .el-table .cell { text-align: center; white-space: pre-line;/*保留换行符*/ }在代码里面使用\n 就可以生效了 initName(row, column, cellV...原创 2019-05-11 10:13:28 · 6328 阅读 · 3 评论 -
elementui table 全选功能 及选择框部分禁用功能
table的选中事件@selection-change="handleSelectionChange" <el-table :data="tableData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange"> <el-tab原创 2019-03-12 10:04:58 · 16137 阅读 · 2 评论 -
【ElementUI】日期选择器时间选择范围限制
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细,这里做一个element-ui日期插件的补充。 官方文档中使用picker-options属性来限制可选择的日期,这里举例子稍做补充。 单个输入框的 组件代码:<el-date-picker v-model="value1" type="date" ...转载 2018-12-04 14:16:23 · 4993 阅读 · 0 评论 -
Axios Element 实现全局的请求 loading
背景业务需求是这样子的,每当发请求到后端时就触发一个全屏的 loading,多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等,所以文章主要是讲如果使用 axios 和 element 实现这个功能。分析首先,请求开始的时候开始 loading, 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后,要解决多个请求合并...转载 2018-11-29 10:56:31 · 1791 阅读 · 0 评论 -
elementUi——适合于Vue的UI框架
简介element-ui是一个ui库,它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。Layout布局(el-row、el-col)element-ui借用了bootstrap框架的思想,使用了栅格布局。它把单一的分栏分为24列。基本的使用方式如下<el-row> <el-col :span="6"><div class="...转载 2018-06-21 09:17:15 · 157502 阅读 · 5 评论