Vuetify 在数据表数据旁边添加按钮

Question

如何在标记的地方放置一个按钮？

There is the image

Answer 1

检查我制作的这个codesandbox：https://codesandbox.io/s/stack-71162907-92xs69?file=/src/components/AppendButton.vue

您可以使用 item 插槽并根据需要对其进行自定义。

<v-data-table
    :headers="headers"
    :items="desserts"
    item-key="name"
    class="elevation-1"
>
    <template #item.calories="{item}">
        {{ item.calories }} <v-btn v-if="item.name=='Frozen Yogurt'" class="ml-1" small outlined>B</v-btn>
    </template>
</v-data-table>

Vuetify 在数据表数据旁边添加按钮

Vuetify adding button next to datatable data

vue.js

vuetify.js