1
votes

Comment puis-je définir la correction de la cote V sur Vuetify?

Je construis une page avec vue.js et vuetify et j'ai besoin que ma v-rating soit fixée sur la valeur que je veux, je ne veux pas que l'utilisateur puisse changer cette valeur. C'est ce que j'ai jusqu'à présent.

  <v-layout align-center justify-center row wrap>
    <v-flex xs12 md4 v-for="(idioma, i) in idiomas":key="i">
      <h3>{{idioma.comp}}:</h3>
      <v-img id="imgCompetencias":src="idioma.imagem"height="100"width="100"></v-img>
      <v-rating v-model="idioma.rating" half-increments></v-rating><br><hr id="divisor"><br>
    </v-flex>
  </v-layout>

  <script>
   export default {
    data() {
     return {
      idiomas: [
            {
             imagem: require("@/assets/images/imgCompetencias/ingles.png"),
             comp: 'InglÃªs',
             rating: 4,
            },
            {
             imagem: require("@/assets/images/imgCompetencias/espanhol.png"),
             comp: 'Espanhol',
             rating: 2.5,
            },
          ],
         }
        }
      };
   </script>

vue.js vuetify.js

0 commentaires

3 Réponses :

2
votes

Ajoutez simplement lecture seule comme attribut. En savoir plus dans le docu: https://vuetifyjs.com/en/components/ratings

1 commentaires

Cela a fonctionné, merci, je dois avoir traversé quand j'ai lu la documentation v-rating.

2
votes

Essayez d'ajouter une propriété en lecture seule.

 <v-rating readonly v-model="idioma.rating" half-increments></v-rating>

1 commentaires

Cela a fonctionné, merci, je dois avoir traversé quand j'ai lu la documentation v-rating.

2
votes

juts ajoute readonly

  <v-rating v-model="idioma.rating" half-increments readonly></v-rating>

basé sur doc

0 commentaires