How to use function computed to display variable in vue template + laravel

Question

I want to display the variable from the database and round it before. Can you help me about syntax for this.

<h2 class="txt-bold">Rating: {{roundHalf(ListOrg.rating)}}</h2>


computed: {
    roundHalf: function(num) {
      return Math.round(num * 2) / 2;
    }
  }

If you want to pass a parameter, then it becomes a method

senty
– senty

2019-03-27 02:37:04 +00:00
Commented Mar 27, 2019 at 2:37 — senty
– senty, Commented Mar 27, 2019 at 2:37

Ibra · Accepted Answer · 2019-03-27 02:23:16Z

1

If you want to use computed value :

<h2 class="txt-bold">Rating: {{roundHalf}}</h2>


computed: {
    roundHalf: function() {
      return Math.round(this.ListOrg.rating * 2) / 2;
    }
  }

answered Mar 27, 2019 at 2:23

Ibra

1,0741 gold badge8 silver badges13 bronze badges

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

Comments

tony19 · Accepted Answer · 2022-07-16 01:04:35Z

1

Better to use Vue filter :

Define a filter : (Global filter)

Vue.filter('roundHalf', function (value) {
    return Math.round(value * 2) / 2;
})

And use in vue file like :

<h2 class="txt-bold">Rating: {{ListOrg.rating | roundHalf}}</h2>

Defining a global filter will help you use it everywhere in the project. :)

Reference : Vue Filter

edited Jul 16, 2022 at 1:04

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Mar 27, 2019 at 5:49

Kishen Makadia

112 bronze badges

Collectives™ on Stack Overflow

How to use function computed to display variable in vue template + laravel

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related