Javascript 如何将日期fns与Vue类组件一起使用?
Vue组件:Javascript 如何将日期fns与Vue类组件一起使用?,javascript,typescript,vue.js,vuejs2,date-fns,Javascript,Typescript,Vue.js,Vuejs2,Date Fns,Vue组件: <template> <div class="doc"> {{ format(2019-08-11T08:13:13.750007, 'DD/MM/YYYY') }} </div> </template> <script lang="ts"> import { Component, Vue } from 'vue-property-decorator' import format from 'date-f
<template>
<div class="doc">
{{ format(2019-08-11T08:13:13.750007, 'DD/MM/YYYY') }}
</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import format from 'date-fns/format'
@Component
export default class Document extends Vue {
public format: string | number | Date = ''
}
</script>
{格式(2019-08-11T08:13:13.750007,'DD/MM/YYYY')}
从“Vue属性装饰器”导入{Component,Vue}
从“日期fns/格式”导入格式
@组成部分
导出默认类文档扩展Vue{
公共格式:字符串|数字|日期=“”
}
抛出错误:呈现中的错误:“TypeError:\u vm.format不是函数”
我怀疑这是因为格式
被认为是文档
类属性,而不是日期fns
中的方法。我该如何解决这个问题?在纯JavaScript中,它是开箱即用的。将format
声明为调用导入函数的类方法,而不是class属性:
从“Vue属性装饰器”导入{Component,Vue}
从“日期fns/格式”导入格式
@组成部分
导出默认类文档扩展Vue{
格式(日期:字符串|编号|日期,日期格式:字符串):字符串{
返回格式(日期、日期格式)
}
}
您已经用空值初始化了格式
string@barbsan格式应该是什么?如何引用导入的格式
?公共格式
应从导入设置为格式
,它是一个函数,而不是字符串|数字|日期。如果没有typescript,它将是format:format
,因此public format:{type for function}format
?事实上,我已经尝试过public format:any:format
,它成功了,谢谢。顺便问一下,我该如何键入这个格式的函数?它只是占位符,我对typescript不太熟悉。您还可以查看,滚动至“更好的方式”。另外,您在2019-08-11T08:13:13.750007周围缺少引号,看起来不错,使用它作为类属性有什么缺点吗?