javascript - 从 Vue.js 组件调用方法

Question

我是 Vue.js 新手

我只想从组件调用一个方法:

var app = new Vue({
    el: '#app',
    components: {
        message: {
            props: ['createdat'],
            template: '
            <div>
              {{ postedOnA(createdat) }}
              {{ postedOnB(createdat) }}
            </div>',
        },
        methods: {
            postedOnA: function (createdat) {
                var date = new Date(createdat);
                return date.getHours() + ' ' + date.getMinutes();
            }
        }
    },
    methods: {
        postedOnB: function(createdat) {
            var date = new Date(createdat);
            return date.getHours() + ' ' + date.getMinutes();
        }
    }
})

我也尝试过调用组件方法，但这也不起作用

谢谢

Answer 1

创建格式化过滤器。

就您而言:

var app = new Vue({
    el: '#app',
    components: {
        message: {
            props: ['createdat'],
            template: '
            <div>
              {{ createdat | formatdate }}
            </div>',
        }
    },
    filters: {
      formatdate: function (value) {
         var date = new Date(value);
         return date.getHours() + ' ' + date.getMinutes();
      }
    }
})

在此处了解更多信息:https://v2.vuejs.org/v2/guide/filters.html