Vue 排序

在vue用sort()函数进行排序时,当数字位数不相同时,排序会有bug,这是个通病,在其他编程语言里也有同样的问题,我们只需要自己再定义一个方法即可。

单数组排序:

  • {{item}}

改进后:

  • {{item}}

我们还可以在后面跟上.reverse(),进行倒序排序

soreItem(){
	return this.items.sort(function(n,m){
		return n - m
	}).reverse();
}

数组对象排序:

 

html代码

  • {{index+1}}.姓名:{{student.name}},成绩{{student.score}}
  •  

    你可能感兴趣的:(Vue)