[bug report] something wrong in the slot of data table

[stars-one]

hi,I found a problem when I use the slot of data table.

The object in my array has a property named payWay,I use the slot,but it doesn't work.

Following is my code.
View code:

<div id="app">
  <v-app id="inspire">
    <v-data-table
      :headers="headers"
      :items="desserts"
      :items-per-page="5"
      class="elevation-1"
    >
    
    <!-- this doesn't work -->
    <template v-slot:item.payWay="{ item }">
        <span class="text-truncate d-inline-block mdui-text-truncate"
              style="display: inline-block;max-width: 250px;">
         {{item.payWay}} apend text
        </span>
    </template>

    <template v-slot:item.name="{ item }">
        <span class="text-truncate d-inline-block mdui-text-truncate"
              style="display: inline-block;max-width: 150px;">
         {{item.name}} apeend text 1
        </span>
    </template>
    </v-data-table>
  </v-app>
</div>

JS code:

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    return {
      headers: [
        {text: 'Name',align: 'start',value: 'name',},
        {text: 'pay way', align: 'start', value: 'payWay'},
      ],
      desserts: [{name:"my name",payWay:"testway"}],
    }
  },
})