Question

我正在使用laravel，这是我的vue

 Vue.http.headers.common['X-CSRF-TOKEN'] = $("#token").attr("value");
        new Vue({
          el: '#notificationMenu',
          data: {
            patients: []
          },
            created: function(){
                this.getPatients();
                this.addUsers();
            },
            methods: {
                getPatients: function(){
                       $.getJSON("{{route('api_patients')}}", function(patients){
                        this.patients = patients;
                    }.bind(this));
                    setTimeout(this.getPatients, 1000); 
                },
                addUsers: function(){
                 // var newItem = {'name':'asdfasdf','email':'sdfsdf','password':'sdfsdf'}
                 // var input = this.newItem;
                  this.$http.get('/govaccine/addUsers', '').then((response) => {
                  }, (response) => {
                    this.formErrors = response.data;
                    });

                }
            }

        });

这是我的观点

   <li class=" notif unread" v-for="patient in patients">
                      <a href="#">
                        <div class="messageblock">
                           <div class="message"><strong>@{{ patient.patient_lname}} @{{ patient.patient_fname}}'s</strong> next vaccination is due on 2017-03-23 for @{{patient.vaccine_name}}
                          </div>
                            <div class="messageinfo">
                            <i class="icon-trophy"></i>2 hours ago
                          </div>
            </div>
         </a>
    </li>

我希望在视图中的列中创建我的创建并使用moment.js的fromnow函数，我试图寻找解决方案，但它们对我不起作用。

我使用required('moment')但是这总是我得到的错误“要求未定义”，即使通过npm install -g browserify安装了browserify。

你们有什么方法可以解决这个问题吗？或任何其他方法来获得从现在开始的时间或者像碳的不同的人一样？

Answer 1

模板内的上下文只会包含在Vue数据上声明的变量。您的选择是：

在Vue的数据中添加对时刻的引用。
为您的Vue添加一个方法，为您计算时刻。
添加一个计算器来为您进行力矩计算。

最后一个是推荐路线。

时刻js fromnow function to vue js laravel

1 个答案: