Vue 中computed 帶參數

1、利用計算屬性實現一個時間戳格式轉化的功能：  (date.js)

const dataFormat = function(originVal) {
    const dt = new Date(originVal)

    const y = dt.getFullYear()
    const m = (dt.getMonth() + 1 + '').padStart(2, '0')
    const d = (dt.getDate() + '').padStart(2, '0')

    const hh = (dt.getHours() + '').padStart(2, '0')
    const mm = (dt.getMinutes() + '').padStart(2, '0')
    const ss = (dt.getSeconds() + '').padStart(2, '0')
        // yyyy-mm-dd hh:mm:ss
    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
}


export default dataFormat;

2、然后在vue中引入調用(注意：計算屬性不能直接帶參)

<template >
    <div>{{TimeConversion(1629254688)}}</div>
</template>
 
<script>
import dataFormat from "../util/date"
export default{
    name:"Goods",
    computed:{
 
        //錯誤寫法
        // TimeConversion(date){
        //     return dataFormat(date);
        // }

        //正確寫法
        TimeConversion(){
            return function(date){
                return dataFormat(date);
            };
        }
 
    },
 
}

</script>