Vue.js orderBy decimal

Question

我有一个对象，它是一个数据集合。每件物品上都有 - 姓名 - date_created - 价格

我可以让 Vue.js 中的 orderBy 为 name 和 date_created 工作，但它似乎不适用于 price。价格存储在浮点数中。 34.00, 12.00 0.00 等..

我在这里有什么特别需要做的吗？

我已经尝试将 vue 更新到最新版本，但仍然没有解决。

当我 orderBy 'price' 时，它确实重新订购了商品，但方式不正确。它目前订购了 4 件商品，如下所述；

颠倒此顺序将执行上述操作，但相反。

感谢任何人对此的启发。

Answer 1

您可能按字符串而不是数字排序。

如果您尝试按小数排序，它工作正常（包括一些小数格式）：

var demo = new Vue({
  el: '#demo',
  data: {
    items: [
      { price: 0.00 },
      { price: 57.00 },
      { price: 7.00 },
      { price: 88.40 }
    ]
  }
});

<ul id="demo">
  <li v-repeat="items | orderBy 'price'" >
   {{price.toFixed(2);}}
  </li>
</ul>

Fiddle: http://jsfiddle.net/56LLvvw8/

Vue.js orderBy decimal

Vue.js orderBy decimal

javascript

vue.js