我正在嘗試從Vuetify/Vue 2升級-& gt；3.我不是前端開發人員，只是負責升級一些遺留代碼以保持正常運行。不幸的是，遷移指南似乎假設了一定程度的CSS基礎知識，并且沒有提供如何修復所有被刪除內容的示例。

在下面的代碼片段中，我試圖找出如何遷移圓形和平面:

<v-select
        class="mr-2 filter-custom-input"
        slot="prepend-inner"
        v-model="field"
        :items="fields"
        menu-props="auto"
        label="Field"
        hide-details
        single-line
        density="compact"
        rounded
        flat
        theme="dark"
      />

還有。v-application在這一個(如果它甚至需要做？):

<style lang="scss" scoped>
.v-application--is-ltr .v-list-item__icon:first-child,
.v-application--is-ltr .mr {
  margin-right: 10px;
}
</style>

不幸的是，遷移指南對此的唯一建議是:

圓形道具已被移除。請改為將舍入的css類應用于菜單內容元素。例如。圓形-te 以前包含為的全局樣式。應用程序p或。不再包括虛擬應用ul。如果您需要p的邊距，或者ul和ol的左填充，請在根組件的& ltstyle & gt標簽 上面的四舍五入指導并不僅僅是把四舍五入換成。rounded-te(更不用說它在另一種類型的控件中談到了這一點)。

它說flat已經從其他一些控件中刪除，并被替換為& quot單一變體道具& quot，但試圖用variant = & quot扁平& quot給了我一個語法錯誤。

謝謝大家！

(我最初在這里提出這個問題，有人建議我把它分成多個問題)

您仍然可以使用rounded和flat，它們只是移到了底層的VField組件。

我認為你的v2選擇最終會沒有任何框架，在這種情況下，圓角不會做任何可見的事情。添加變體= & quotsolo & quot在v3中使用flat獲得相同的效果(參見playground)

至于v-application - is-ltr類，在V3中稱為v-locale - is-ltr。

如果你仍然需要它取決于你的應用程序，這些是自定義規則。檢查是否使用了自定義的mr類，以及列表中第一個圖標的邊距是什么樣的(我認為列表圖標現在是通過prepend槽設置的，所以這個類應該是。v-list-item _ _前置。v形圖標)