Vue中实现高低排序

下面是例子

  <button @click="up">从高到低</button>
  <button @click="down">从低到高</button>

js代码

export default {
  data() {
    return {
      itemList: [1, 2, 3, 4, 5, 6]
    };
  },
  methods: {
    // 从高到低
    up() {
    	this.itemList.sort((a, b) => {
            return a - b;
         });   
      //这个是另一种写法
      //function fn(a, b) {
      // return -(a - b);
      //}
      //this.a = this.a.sort(fn);
    },
    // 从低到高
    down(){
		this.itemList.sort((a, b) => {
            return b - a;
         }); 
	  //这个是另一种写法	
      //function fn(a, b) {
      //return (a - b);
      //}
      //this.a = this.a.sort(fn);
    }
  }
};
</script>

猜你喜欢

转载自blog.csdn.net/SANJIN0527_/article/details/107471371