问在条件语句中使用Vue.js过滤器
EN

Stack Overflow用户

提问于 2019-05-23 03:05:21

回答 1查看 2.7K关注 0票数 5

它工作得很好。但有时它过滤的值在我的应用程序中不是一个数字。当发生这种情况时，它只显示$0。我想让它显示不是数字的文本值。当我有345.23美元时，我得到345.23美元，当我有“无限制”时，我得到0美元，我真的想要“没有限制”。

我试图在我的视图中包含一个三元组，但失败了。我认为这与this有关。我得到了，但是我如何用一个方法来解决这个问题呢？

下面是我的相关视图html：

<div>{{ ch.Limit | currency }}</div>

我试过这样的方法：

<div>{{ Number.isNaN(ch.Limit) ? ch.Limit : ch.Limit | currency }}</div>

这不管用。我还尝试创建了一个方法，如下所示：

valueIsCurrency(k) {
  return Number.isNaN(k) ? k | currency : k;
},

再加上：

<div>{{ valueIsCurrency(ch.Limit) }}</div>

但在该方法中不考虑货币过滤器。我想它只在渲染html部分使用。我该如何解决这个问题呢？

回答已采纳

发布于 2019-05-23 03:18:34

模板

<div v-if="isNumber(ch.Limit)">{{ ch.Limit | currency }}</div>
<div v-else>{{ ch.Limit }}</div>

代码

methods: {
  isNumber(n) {
    return typeof n === 'number';
  }
}

票数 13

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56263396

复制

相似问题

问在条件语句中使用Vue.js过滤器EN