在elementUI中sort-orders排序，默认为三种，怎么改成两种

在 table表单中添加sort-change事件, :sort-orders="[‘ascending’, ‘descending’]"

<el-table-column prop="pubDate" label="出版日期" width="150px" sortable='custom' :sort-orders="['ascending', 'descending']" show-overflow-tooltip></el-table-column>
这里我们这样写

但是有个缺陷如图点击按钮后面的可以正常
如果点击按钮稍微靠下有几率出现当前的类型筛选为null
这样我们就直接用js 来控制把

  sortthiscolumn (column) {//点击排序后 排序的内容  // 排序 ，会获得当前排序的prop   ['ascending', 'descending']console.log(column);if(column.prop == "pubDate" && column.order == "ascending"){}else if(column.prop == "pubDate" && column.order == "descending"){}else{}

我们直接改为

  sortthiscolumn (column) {//点击排序后 排序的内容  // 排序 ，会获得当前排序的prop   ['ascending', 'descending']console.log(column);if(column.prop == "pubDate" && column.order == "ascending"){}else {}

这种方式直接让其为2中方式排序

在elementUI中sort-orders排序，默认为三种，怎么改成两种相关推荐

JS中sort方法排序
JS中sort方法排序一.数字排序(string类型) 二.数字排序(string类型和number类型) 三.混合排序(string.number和字母) 四.函数排序五.数组对象排序一.数字 ...
elementUi——点击图片时，预览所有大图——功能实现(两种方案)
今天在做后台管理系统时,遇到一个需求,在表格中有个img的字段,可能有多张图片,在表格中只展示一张,当点击此图片时,展示所有图片的预览大图效果. 遇到这种问题,我的第一反应就是使用走马灯效果: 1.走 ...
Linux中vim编辑文件显示行号（临时和永久两种方式）
一.前言在Linux中经常使用vim编辑器去修改文件,默认是不显示行号的,那如何显示呢?有临时和永久两种方式. 本文由 @大白有点菜原创,请勿盗用,转载请说明出处!如果觉得文章还不错, ...
ai如何做倒角和圆角_在ai中怎么用小白工具把矩形的直角改成圆角？，你值得一看的技巧...
在AI中,把矩形的直角改成圆角,方法有多种,今天小编给大家演示另一种方法,主要利用直接选择工具,也就是小白工具来操作.下面,来看下具体的操作方法. 工具/材料 AI CS6 操作方法 01 新建画板: ...
win7计算机收藏夹位置,win7中收藏夹在哪里 win7找到IE收藏夹的两种方法[多图]
在使用电脑的时候收藏夹对我们是很重要的,比如我们在使用win7旗舰版中的IE浏览器时,会把比较常用的网页添加到收藏夹.那收藏夹在哪呢?可能不太熟悉电脑的朋友会不太清楚,没关系,下面小编就给大家分享了如 ...
Numpy中的两种矩阵乘法和两种点乘
1. 矩阵乘法:对于结果矩阵中的每一个元素,其值等于第一个矩阵中该元素所在的行与第二矩阵中该元素所在的列相乘并求和: 2. Numpy中的两种矩阵乘法:Numpy.dot(a,b)和运算符 '@': ...
js中sort()字母排序和自定义多列排序
面试题有两个数组data和sorts如下:根据sorts对data排序 var data = [{ a: 1, b: 'a' }, { a: 2, b: 'c' }, { a: 2, b: 'b' ...
linux 字符串转数字排序,linux中sort命令排序功能实现方法
功能说明:将文本文件内容加以排序,sort可针对文本文件的内容,以行为单位来排序. 参数: -b 忽略每行前面开始出的空格字符. -c 检查文件是否已经按照顺序排序. -d 排序时,处理英文字母.数 ...
element-UI中NavMenu导航菜单默认打开问题
最近写一个网站导航栏,需求要每页打开时,默认导航栏的第一项展开,导航栏我用的是element-UI框架中的NavMenu,我看到以下两个参数,我就写上了 <el-menu default-act ...
element-ui 中的el-table表格默认的“暂无数据”修改
el-table中当无空数据时会默认显示一个"暂无数据"(附下图),那如果我们想要修改怎么办呢?怎么修改呢? 解决办法如下: 只需要在el-tbale中的对应的插槽中写入你想展示的 ...

在elementUI中sort-orders排序，默认为三种，怎么改成两种

在elementUI中sort-orders排序，默认为三种，怎么改成两种相关推荐

最新文章

热门文章