Vuejs2 如何在混合中使用矩格式?
在我的laravel 5.7/vuejs 2.5应用程序中,我使用矩库从db格式化日期时间 它在我的组件中起作用,但当我尝试将混合中的力矩包装为带参数的函数时,会出现错误。 package.json:Vuejs2 如何在混合中使用矩格式?,vuejs2,momentjs,mixing,Vuejs2,Momentjs,Mixing,在我的laravel 5.7/vuejs 2.5应用程序中,我使用矩库从db格式化日期时间 它在我的组件中起作用,但当我尝试将混合中的力矩包装为带参数的函数时,会出现错误。 package.json: { "private": true, "devDependencies": { "axios": "^0.18", "vue": "^2.5.17" ... }, "dependencies": { "vue-
{
"private": true,
"devDependencies": {
"axios": "^0.18",
"vue": "^2.5.17"
...
},
"dependencies": {
"vue-moment": "^4.0.0",
"vue-router": "^3.0.1",
"vuex": "^3.0.1"
...
}
}
在参考资料/js/app.js中:
import Vue from 'vue';
...
import moment from 'vue-moment'
Vue.use(moment)
在我的组件中:
<template>
...
<hr>
<!-- THIS LINE WORKS OK-->
<span>{{ nextCategory.created_at | moment("dddd, MMMM Do YYYY") }}</span>;
<hr>
<!-- {{ momentDatetime(nextCategory.created_at,'Do MMMM, YYYY h:mm:ss A') }} -->
...
</template>
<script>
import {bus} from '../../app';
import appMixin from '../../appMixin';
export default {
name: 'list',
mixins: [appMixin],
</script>
在参考资料/js/appMixin.js中:
import moment from 'vue-moment'
export default {
methods: {
...
momentDatetime(datetime, datetime_format, default_val) {
return moment(datetime).format(datetime_format);
},
...
我在网络中发现了这个带有“.format”方法的小数点,但看起来它是无效的。
哪条路对
谢谢 您使用的是vue矩而不是矩,因此在您的package.json中,通过在终端npm安装矩或纱线添加矩来添加矩,然后在package.json中,您应该看到矩依赖关系
另外,将mixin中的导入更改为从“矩”导入矩。可能与其他答案一样,您必须使用矩而不是vue矩 最新版本的moment也有问题,这里发布的解决方案之一是降级到moment 2.18.1,可能vue moment正在使用另一个版本 请检查此帖子,错误与您的问题相同: 他们还提到了另一个问题:
import moment from 'vue-moment'
export default {
methods: {
...
momentDatetime(datetime, datetime_format, default_val) {
return moment(datetime).format(datetime_format);
},
...