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>