我在nuxtjs中使用矩函数时遇到问题

Question

我最近使用js的moment函数进行验证。但这不起作用。据说那一刻没有定义。我在这里寻找解决方案，但其中任何一个都不适合我。如何在nuxt中使用矩？

<script>
import moment from "moment";
export default {
...
computed:{
    calendarWeekdays:function(){
        var n=moment.weekdays();
        return n.push(n.shift()),n;
    },
...

我得到的错误是：

ERROR in ./components/DatePicker.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./components/DatePicker.vue?vue&type=script&lang=js&)

我必须安装时刻npm吗？

Answer 1

您必须使用一下矩作为函数，例如“ moment（）”。因此您的代码将是，

<script>
import moment from "moment";
export default {
...
computed:{
    calendarWeekdays:function(){
        var n = moment().weekdays();
        return n.push(n.shift()),n;
    },
...

Answer 2

您可能需要像这样导入库：

import * as moment from 'moment';

您可以在official docs中找到更多详细信息。

Answer 3

从收到的错误消息中，您将遇到一些设置问题。请按照以下步骤操作：

• 安装力矩模块：

  yarn add --dev @nuxtjs/moment # or npm install --save-dev @nuxtjs/moment
  

• 编辑nuxt.config.js文件并在那里声明模块：

  export default {
    buildModules: [
      '@nuxtjs/moment'
    ]
  }
  

至此，可以使用了：

<template>
  <div>
    {{ weekdays }}
  </div>
</template>

<script>
import moment from 'moment'

export default {
  data () {
    return {
      weekdays: moment.weekdays()
    }
  }
}
</script>

结果截图：