vue中tools工具js如何使用

vue中tools工具js如何使用

//處理時間格式
function Retime(value){
    if (value<60) {
        if (value<10) {
            value = '0'+value
        }
        return '0:'+value
    }
    else if(value<3600){
        let m = Math.floor(value/60);
        let s = value-m*60;
        if (s<10){
            s = '0'+s
        }
        return m+':'+s
    }else{
        let h = Math.floor(value/3600);
        let m = Math.floor((value-h*3600)/60);
        let s = value - h*3600 - m*60;
        if (s<10){
            s = '0'+s
        }
        return h+':'+m+':'+s
    }
}

export default {
    Retime,
}

以上爲tools工具導出

    import time from '../configs/time'
    
data() {
            return {
                show: false,
                actions: [
                    {name: '複製鏈接'},
                    {name: '查看編輯記錄'},
                ],
                Retime:Function,//關鍵點
                isLoading: false
            }
        },

created(){
            this.Retime = time.Retime;
        }

以上爲vue中js使用方法

<div v-if="content.mblog.page_info.media_info">
	<div class="time">{{Retime(content.mblog.page_info.media_info.duration)}}</div>
</div>

以上爲templete中使用方法