美文网首页
Vue中实现价格高低排序@我真的姓令狐

Vue中实现价格高低排序@我真的姓令狐

作者: 令狐张豪 | 来源:发表于2019-08-18 15:17 被阅读0次
html代码
<template>
  <div class="home">
    <button @click="gd">从高到低</button>
    <br />
    <button @click="dg">从低到高</button>
    <br />
    {{a}}
  </div>
</template>
js代码
export default {
  data() {
    return {
      a: [1, 2, 3, 4, 5, 6]
    };
  },
  methods: {
    // 从高到低
    gd() {
      function fn(a, b) {
        return -(a - b);
      }
      this.a = this.a.sort(fn);
    },
    // 从低到高
    dg(){
       function fn(a, b) {
        return (a - b);
      }
      this.a = this.a.sort(fn);
    }
  }
};
</script>

相关文章

网友评论

      本文标题:Vue中实现价格高低排序@我真的姓令狐

      本文链接:https://www.haomeiwen.com/subject/gtirsctx.html