How to make v_slot in edit dialog within datatable?

[zhang9song]

Hi, guys,

I want to make a editable data table, How to write the v_slot like v-slot:item.name="props"?
Thanks for your reply.
vuetify example: https://v2.vuetifyjs.com/en/components/data-tables/#edit-dialog

with vuetify code like:

<v-data-table
   :headers="headers"
   :items="desserts"
 >
   <template v-slot:item.name="props">
     <v-edit-dialog
       :return-value.sync="props.item.name"
     >
       {{ props.item.name }}
       <template v-slot:input>
         <v-text-field
           v-model="props.item.name"
           :rules="[max25chars]"
           label="Edit"
           single-line
           counter
         ></v-text-field>
       </template>
     </v-edit-dialog>
   </template>
 ```

[jourdain]

v-slot:item.name="props" => v_slot_item_name="props"

That part is explained in the course reference guide.

That information was also provided here: #227

[zhang9song]

Thanks for your help.