Vue.js 我能'；t使用MomentJs和Vue比较我的约会

我想知道我的持续时间是否大于0。我使用MomentJs和Vue来获取我的持续时间，使用以下代码：

 moment3: function (date) {
  var now = moment();
  var day = moment(date);
  var duration = day.diff(now);
   return parseInt(duration);
  },

我正确地得到了持续时间（示例中为2987546325）。但是这个代码仍然不起作用

<a v-if="event.time | moment3 > 0"> Do somethingHere </a>

在这里做点什么

---

谢谢你的帮助

我假设您试图使用

moment3

作为Vue过滤函数

这里有两个问题：

不能在

v-if

表达式中使用筛选函数。它们仅在

{…}

或

v-bind

表达式中可用

除了函数的参数或另一个筛选函数外，不能在筛选函数后放置任何内容。因此，即使您在

{…}

或

v-bind中，也不允许使用
>0

看

在本例中，

|

字符将被解释为JavaScript的按位OR运算符

---

你最好还是用一种方法来代替。因此，在组件的

方法中定义
moment3
，然后使用
v-if=“moment3（event.time）>0”调用它
我假设您试图将
moment3
用作Vue过滤函数

这里有两个问题：

不能在
v-if
表达式中使用筛选函数。它们仅在
{…}
或
v-bind
表达式中可用
除了函数的参数或另一个筛选函数外，不能在筛选函数后放置任何内容。因此，即使您在
{…}
或
v-bind中，也不允许使用
>0

看

在本例中，
|
字符将被解释为JavaScript的按位OR运算符

你最好还是用一种方法来代替。因此，在组件的
方法中定义
moment3
，然后使用
v-if=“moment3（event.time）>0”
，
（event.time | moment3）>0“
？仍然不起作用。如果在HTML中添加
{event.time | moment3}
，您的值正确吗？（值>0）是。256988458在示例中，使用类似的
“（event.time | moment3）>0”
？仍然不工作。如果将
{{event.time | moment3}}
添加到HTML中，您的值正确吗？（值>0）是。示例中为256988458