前言
使用vue.js 进行项目开发,过程中经常用到获取当前时间, 每次都要写太浪费时间, 不如单独封装起来,需要的时候通过mixin 引入组件, 就完成啦
二、使用步骤
在src 下面新建 mixins 文件夹,随后建一个.js的文件,将以下代码copy 进去:
export default {
computed: {
time_transform() {
let strDate = ''
const date = new Date()
const Y = date.getFullYear() + '-'
const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
const s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
strDate = Y + M + D + h + m + s
return strDate
}
}
}
2.读入数据
在组件中使用:
<script>
import time_transform from '@/mixins/timeTransform';
export default {
name:"demo",
mixins: [time_transform],
data(){
return{
}
},
mounted(){
console.log('获取当前时间',this.time_transform)
}
}
</script>
在需要的时候直接this.time_transform就能拿到当前时间了。