Vuetify вопрос об использовании v-edit-dialog - PullRequest
Новая
       41

Vuetify вопрос об использовании v-edit-dialog

0 голосов
/ 22 апреля 2020

Я новичок vue. Произошла ошибка при использовании vue, поэтому я отправляю вопрос. Спасибо за твою помощь! Я хотел что-то вроде этого ( ссылка кодового указателя ), поэтому я скопировал эти коды в свое «Приложение. vue», но ответа на щелчок нет. 

// App.vue

<template>
    <v-app>
        <v-data-table :headers="headers" :items="desserts">
          <template slot="items" slot-scope="props">
            <td>
              <v-edit-dialog :return-value="props.item.name" lazy @save="save">
                  {{ props.item.name }}
                <v-text-field slot="input" v-model="props.item.name" label="Edit" single-line></v-text-field>
              </v-edit-dialog>
            </td>
            ...
          </template>
        </v-data-table>
    </v-app>
</template>

<script>
  export default {
    data () {
      return {
        headers: [
          {
            text: 'Dessert (100g serving)',
            align: 'left',
            sortable: false,
            value: 'name'
          },
          { text: 'Calories', value: 'calories' },
        ],
        desserts: [
          {
            value: false,
            name: 'Frozen Yogurt',
            calories: 159
          },
          {
            value: false,
            name: 'Ice cream sandwich',
            calories: 237
          },
          ...
        ]
      }
    },
    methods: {
      save () {
        console.log(this.desserts)
      }
    }
  }
</script>

Помогите мне плз! Спасибо!

...