- 博客(10)
- 收藏
- 关注
原创 vue根据要求改变表格某列数据的style
vue根据要求改变表格某列数据的style表格table上加入属性:cell-style=“setRowStyle”方法中有几种参数:row为某一行的除操作外的全部数据column为某一列的属性rowIndex为某一行(从0开始数起)columnIndex为某一列(从0开始数起)方法:setRowStyle ({ row, column, rowIndex, columnIndex }) {// 状态列字体颜色if (row.grossProfit <0 &&
2021-04-06 14:56:43
847
原创 vue 公共组件列设置(支持显示隐藏,拖动排序)
首先前端数据是这样的columnList = [ {label: '序号', prop: 'recordId', width: 100, invisible: true, state: true}, {label: '发货联系人', prop: 'shipMan', width: 100, state: true}, {label: '备注', prop: 'remarks', width: 100, state: true}, ]table表格<
2021-03-22 15:42:28
787
原创 ElementUI el-date-picker日期选择器当月时间在右侧显示,并且今天之后的日期无法选择
ElementUI官网给出的案例当月时间默认是在左边展示的,根据开完需要,要把当月日期放在右边展示,并且今天之后的日期无法选择先引用ElementUI官方案例<template> <div> <el-date-picker v-model="pickerDate" unlink-panels type="daterange" range-separator="至"...
2020-10-21 16:24:42
6108
19
原创 element ui 的表格合计功能中带小数点的数字合计错误的解决方法
使用table表格我们有时会遇到使用合计的功能如何自定义计算想要计算的数据我在上篇博客中有写到链接下面进行今天的问题 也是我在开发中碰到的解决:这个方法是ElementUI提供的效果:
2020-10-12 15:41:27
1032
原创 ElementUI中table表格根据需求自定义计算
官网给出了两种方法第一种方法:将show-summary设置为true就会在表格尾部展示合计行代码:<el-table show-summary :data="tableData" height="100%" border align="left"> <el-table-column v-for="(item, index) in tableDatas" :key="index" :prop="item.pr
2020-10-07 16:13:21
6844
6
原创 vue2.0 实现路由守卫
vue2.0 路由守卫全局守卫例子全部代码路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)全局守卫你可以使用 router.beforeEach 注册一个全局前置守卫:router.beforeEach((to, form, next) => { }当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航在所有守卫 resol
2020-09-29 23:48:49
2100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人