未捕获的ReferenceError:在使用vue js的laravel中使用时刻时未定义时刻

时间:2017-07-06 06:26:49

标签: javascript laravel-5 vue.js momentjs

即时通讯使用laravel 5,我通过npm install命令安装了时刻js。即时通过vue js尝试在我的一个视图中使用它。但无论我做什么我都会得到错误"时刻没有定义"如果我使用require,我会得到"要求未定义"下面是我视图的脚本部分。 `

<script>
    var order = new Vue({
        el: '#create_order',

        data: {
            moment: moment,
            event_id: '',
            event_type: '',
            ticket_types: [],
            time_slots: [],
            current_timeslots: [],
            start_date: null,
            end_date: null
        },

        methods: {
            moment: function (date) {
                return moment(date);
            },`

我是初学者,所以请尽可能解释,谢谢。

2 个答案:

答案 0 :(得分:3)

您应该在开始使用之前导入时刻库。

您可以尝试以下代码

<script>
   import moment from 'moment'
   var order = new Vue({
   ...

答案 1 :(得分:3)

我使用以下方式。在app.js中我添加

window.moment = require('moment');
window.moment.locale('ru');