Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 力矩js fromnow函数到vue js laravel_Javascript_Laravel_Vue.js_Momentjs - Fatal编程技术网

Javascript 力矩js fromnow函数到vue js laravel

Javascript 力矩js fromnow函数到vue js laravel,javascript,laravel,vue.js,momentjs,Javascript,Laravel,Vue.js,Momentjs,我用的是拉威尔,这是我的vue Vue.http.headers.common['X-CSRF-TOKEN'] = $("#token").attr("value"); new Vue({ el: '#notificationMenu', data: { patients: [] }, created: function(){ this.g

我用的是拉威尔,这是我的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>
  • 我想在视图中创建我的“at”列,并使用moment.js的fromnow函数,我试图寻找解决方案,但它们对我不起作用

    我使用了
    required('moment')
    ,但即使通过npm install-g browserify安装了browserify,这始终是我得到的错误“require未定义”


    你们有办法解决这个问题吗?或者任何其他获取fromnow时间的方法,或者类似于碳元素的difffromhuman?

    模板中的上下文只包含在Vue数据上声明的变量。你的选择是:

  • 在Vue的数据中添加对时刻的引用
  • 向Vue中添加一个方法,该方法将为您进行力矩计算
  • 添加一个computed来为您进行力矩计算

  • 最后一个是推荐的路线。

    您使用的是像Webpack或Browserify这样的构建系统吗?看看这个,看看这个项目。我还是不打算尝试now@motanelu尝试使用browserify,但仍然不起作用