[Vuejs]-How to create v-sliders using a matrix?

by

0👍

How I solved it.

<script>
export default {
  data() {
    return {
      questions: [
        "Matemática e física",
        "Lógica, algoritmos e estrutura de dados",
        "Linguagens e paradigmas de programação específicos",
        "Teoria da computação",
        "Projeto e análise de algoritmos",
        "Configurar plataformas para aplicações de software e serviços",
        "Arquiteturas de computadores",
      ],
      matrix: undefined,
    };
  },
  created() {
    // Initiallize the matrix itself filled with ones
    this.matrix = new Array(this.questions.length);
    for (let row = 0; row < this.matrix.length; row++)
      this.matrix[row] = new Array(this.questions.length).fill(1);
  },
};
</script>

<v-slider
  persistent-hint
  step="2"
  thumb-label
  ticks="always"
  tick-size="1"
  :min="ahp.min"
  :max="ahp.max"
  :tick-labels="ahp.ticks"
  class="pb-5 mb-5 grey--text text-subtitle-1"
  color="indigo lighten-1"
  track-color="indigo lighten-1"
  dense
  v-model="matrix[iA][iB + iA]"
  @change="iMatrixValue(iA, iB + iA)"
>
</v-slider>

Usefull links:

Leave a comment