Как использовать функцию, вычисленную для отображения переменной в шаблоне vue + laravel

Question

Я хочу отобразить переменную из базы данных и округлить ее раньше.Можете ли вы помочь мне с синтаксисом для этого.

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


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

Answer 1

Лучше использовать фильтр Vue:

Определить фильтр: (Глобальный фильтр)

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

И использовать в файле Vue, например:

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

ОпределениеГлобальный фильтр поможет вам использовать его повсюду в проекте.:)

Ссылка: Фильтр Vue

Answer 2

Если вы хотите использовать вычисленное значение:

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


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