v-checkbox太大/与v-radio相比行高不同。

这种情况可以通过修改 v-checkbox 的样式来解决。可以使用以下 CSS 代码将 v-checkbox 的大小和行高设置为与 v-radio 相同：

::v-deep .v-input--is-label-active:not(.v-input--is-disabled) .v-input__control .v-input__slot::before { content: ""; display: inline-block; vertical-align: middle; width: 18px; // 修改 checkbox 大小 height: 18px; // 修改 checkbox 大小 background-size: 18px 18px; background-color: white; border-radius: 2px; border: 1px solid #c5c5c5; margin-top: 2px; // 修改 checkbox 位置 margin-right: 8px; } ::v-deep .v-input--is-label-active:not(.v-input--is-disabled) .v-input__control .v-input__slot::after { content: ""; display: none; }

将以上代码添加至全局的 CSS 样式中即可使 v-chechbox 大小与 v-radio 相同。