Вычисленное свойство не обновляется для выбранных строк в таблице данных Vuetify - PullRequest
Новая
       7

Вычисленное свойство не обновляется для выбранных строк в таблице данных Vuetify

0 голосов
/ 20 января 2020

У меня странное поведение, когда я пытаюсь обнаружить изменения в выбранных строках для v-data-table (vuetify).

Вот пример кода: 

<template>
  <v-data-table
    v-model="selected"
    :headers="headers"
    :items="desserts"
    item-key="name"
    show-select
  >
  </v-data-table>
</template>

<script>
  export default {
    data () {
      return {
        selected: [],
        headers: [
          { text: 'Dessert (100g serving)', value: 'name' },
          { text: 'Calories', value: 'calories' },
        ],
        desserts: [
          { name: 'Frozen Yogurt', calories: 159 },
          { name: 'Ice cream sandwich', calories: 237 },
          { name: 'Eclair', calories: 262 },
        ],
      }
    },
    watch: {
      selected: function(newSelected, oldSelected) {
        console.log("watch", this.selected.length);
      }
    },
    computed: {
      selectedSize() {
        console.log("computed", this.selected.length);
        return this.selected.length;
      }
    },
  }
</script>

Когда я выберите строку в таблице, затем консоль покажет: 

watch 1

Но не показывает «вычислено 1». Почему не печатается вычисленное свойство?

...