Using a Vue.js filter in a conditional statement

Question

and it works great. But there are times when the value it filters is not a number in my application. When that occurs it just show $0. I want it to show the text value that is not a number. when I have 345.23 I get $345.23 when I have 'No limit' I get $0 and i really want 'No Limit'

I have tried to include a ternary in my view but it fails. And i think that is related to this. Which i get but how can i solve this with a method?

Here is my relevant view html:

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

and i tried something like:

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

which doesn't work. I also tried to create a method like this:

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

coupled with:

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

but the currency filter is not respected in the method. I suppose it is only for use in the render html portion. How can i fix this?

tao · Accepted Answer · 2020-05-03 12:16:21Z

14

template

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

code

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

edited May 3, 2020 at 12:16

answered May 22, 2019 at 19:18

tao

91k18 gold badges136 silver badges174 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Soviut Over a year ago

@DerekPollard he's corrected the answer. Please don't hold people hostage with your votes.

Soviut Over a year ago

@AndreiGheorghiu the problem is it creates yet another reason for people to consider SO a hostile place. Threatening with votes is not productive or polite.

Soviut Over a year ago

@DerekPollard then write the answer that IS correct and let it get upvoted. That's the whole point of multiple answers and voting. This isn't a forum. Please, be civil and simply mention mistakes and work them out with conversation, not threats.

Collectives™ on Stack Overflow

Using a Vue.js filter in a conditional statement

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related