HTML
<template v-slot:item.actions="{ item }">
<v-btn :to="`desserts/${item.id}`" nuxt icon>
<v-icon small>mdi-pencil</v-icon>
</v-btn>
</template>
解説
:to<v-btn>
に、Vue Routerのリンクをつくるには、:to
スロットを使う
上の例では、/dessets/_id.vueへのリンクを生成している。(_idの部分は、${item.id}
が自動的に置換される)
nuxt
nuxt-linkを有効にする
icon
icon表示型のボタンを生成する