在vue3+js中使用Class类对象
单独将一个类作为一个js文件,然后引入到vue3页面使用文章来源:https://www.toymoban.com/news/detail-850432.html
// @/utils/RecordEntity.js
class RecordEntity {
entity;
constructor(entity) {
this.entity = entity;
}
getTime() {
return this.formatDate(this.entity.start_timestamp)
}
/**
* 格式化时间戳
* @param date
* @returns {string}
*/
formatDate(date) {
let time = date;
let dateTime = new Date(time).toJSON();
return new Date(+new Date(dateTime) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
}
}
export default RecordEntity
使用的vue页面文章来源地址https://www.toymoban.com/news/detail-850432.html
<template>
<div>Hello World</div>
</template>
<script setup>
import RecordEntity from "@/utils/RecordEntity.js";
// 使用类
const updateMap = (data) => {
let recordEntity = {
start_timestamp: 1696946167
};
let e = new RecordEntity(recordEntity)
console.log("实体类结果time:",e.getTime())
}
</script>
到了这里,关于【前端】vue3中引入class类的写法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!