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

Question

我最近使用js的moment函数来vue。
但它不起作用。
这是说那个时刻没有定义。
我在这里寻找解决方案，但其中任何一个都不适合我。
如何在 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

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

安装矩模块:

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>

结果截图: