Vue---filters、computed 总结

1、保留价格的两位小数

filters: {
    currency: function (value) {
      if (!value) return '0.00'
      value = value*1;
      return '¥' + value.toFixed(2);
    }
},

//页面中直接调用 
{{item.salePrice | currency}}

2、把数据改为二维数组

computed: {
  pages () {
    const pages = []
    this.list.forEach((item, index) => {
      const page = Math.floor(index / 8)
      if (!pages[page]) {
        pages[page] = []
      }
      pages[page].push(item)
    })
    return pages
  }
}

你可能感兴趣的:(Vue---filters、computed 总结)