Question

我正在用vue.js和vuetify构建页面，我需要将v等级固定在我想要的值上，我不希望用户可以更改该值。这是我到目前为止所拥有的。

  <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>

Answer 1

只需添加readonly作为属性。在文档中阅读更多内容： https://vuetifyjs.com/en/components/ratings

Answer 2

尝试添加只读属性。

library(data.table)
counts <- DT[, .(rowCount = .N), by=Prod_ID]

Answer 3

突出添加readonly

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

基于doc

我如何设置v-rating固定在vuetify？

3 个答案: