При добавлении атрибутов nuxt
и to
элемент изменяется с <button ...>
на <a href="/to/url" ... >
.
К сожалению, добавление двух примеров кода в проект fre sh не показывает визуальную разницу, которая у вас есть. <a>
имеет дополнительный класс v-btn--router
, но он не вызывает проблем с разницей в ширине или выравниванием текста.
Вы можете немного отладить, проверив каждый элемент в консоли, глядя на панель стилей. и проверка любых источников стиля (на RHS), кроме Vuetify, которые VBtn.sass
& VApp.sass
.
Так как ширина является одним из атрибутов проблемы, также стоит проверить значение width
на вкладке Computed.
Если оно установлено чем-то напрямую, вы можете щелкнуть его открытым, чтобы увидеть источник его значения (например, высота установлена в 44px классами .v-btn:not(.v-btn--round).v-size--large
в файле VBtn.sass
).