Встроенный ползунок в таблице данных vuetify?

Question

Я делал таблицу данных, и у меня возникла проблема с тем, что я хочу, чтобы в моей таблице был ползунок, как показано ниже

есть ли возможность настроить этот встроенный? потому что в данный момент я захожу в бесконечный цикл. Я перепробовал все, но я не хочу использовать диалог редактирования для этого

<template slot="items" slot-scope="props">
      <td class="text-md-left">
        <v-beer-image custom-class="review-image" 
:name="props.item.name"></v-beer-image>
      </td>
      <td class="text-md-left">{{ props.item.name }}</td>
      <td class="text-md-left">{{ props.item.brewery }}</td>
      <td class="text-lg-center-left">
        <v-slider class="custom-slider"
                  step="1"
                  tick-size="3"
                  min="1"
                  max="5"

                  v-model="props.item.score"
                  inverse-label
                  :label="ticksLabels[props.score - 1]"
        ></v-slider>
      </td>
</template>

и этот метод:

methods: {
      updateReview(score, id) {
        console.log(score, id);
        this.updateReview({
          userId: this.account._id,
          beerId: id,
          overall: score,
        });
      },

с этим фрагментом кода я делаю бесконечный цикл, кто-то предлагает

результат, который я желаю