vue的v-for循环中item中的对象数据的处理怎么挪入computed中

Question

<div class="everyOrder" v-for="everyOrder in allOrderList">
    <p class="orderTit">{{new Date(everyOrder.createdDate).toLocaleDateString().replace(/\//g, "-")+ " " + new Date(everyOrder.createdDate).toTimeString().substr(0, 8)}}</p>
</div>


就是怎么把new Date(everyOrder.createdDate).toLocaleDateString().replace(/\//g, "-")+ " " + new Date(everyOrder.createdDate).toTimeString().substr(0, 8)这个拿到computed里去计算

Answer 1

filter比较适合

<div class="everyOrder" v-for="everyOrder in allOrderList">
 <p class="orderTit">{{everyOrder.createdDate | formatDate}}</p>
</div>


filters: {
  formatDate: function (value) {
    var newDate = new Date(value).toLocaleDateString().replace(/\//g, "-")+ " " + new Date(value).toTimeString().substr(0, 8)
    return newDate
  }
}

Answer 2

<div class="everyOrder" v-for="everyOrder in allOrderList">
    <p class="orderTit">{{everyOrder. createdDate | format}}</p>
</div>

<script>
export default{
    filters: {
        format: function(value) {
            return (
                new Date(value).toLocaleDateString().replace(/\//g, '-') +
                ' ' +
                new Date(value).toTimeString().substr(0, 8)
            );
        }
      }
}
</script>

Answer 3

    <div class="everyOrder" v-for="everyOrder in allOrderList">
        <p class="orderTit">{{getStr}}</p>
    </div>
    
    computed:{
        getStr(){
           var str = 你上面那串代码
           return str
        }
    }

Answer 4

你这用个filter就行了