Item Groups #属性 name type default description #active-class string 'v-item--active' 配置在链接激活时应用的 CSS 类。你能够在 vue-router 文档浏览更多active-classprop。 #dark boolean false 将暗色主题变量应用到组件。你可以在dark themes的 Material Design 文档中找到更多有关信息。
v-list-item-group已被删除，只需为列表项添加值使其可选择，并在v-list上绑定v-model：selected即可...
<v-row class="no-gutters"> <v-col cols="4"> <v-list color="grey"> <v-list-item-group> <v-list-item v-for="(item, i) in items" :key="i" @click="checkEvent(i)" :class="i == chosenDay?'grey darken-2':''"> <v-list-item-content> ... </v-list-item-content> </v...
以上示例中,我们使用了v-menu组件来创建菜单,v-btn作为菜单的触发器。通过v-for指令可以遍历menuItems数组来生成菜单项。如果菜单项有子菜单,我们使用v-list-item-group和嵌套的v-list-item来创建子菜单。在v-list-item-title中展示菜单项的标题。 这个示例中使用了Vuetify的组件来创建嵌套菜单,Vuetify是一个基于Vu...
v-list-item-group已被删除，只需为列表项添加值使其可选择，并在v-list上绑定v-model：selected即可...
最接近的选择可能是使用分组。覆写预设群组信头，以移除复原群组的按钮。但是，无法在开始时关闭组。
有没有办法在 v-select 的项目文本字段中将两个字段连接在一起?我让它为下拉列表值工作,但可见条目不显示这两个字段。问题在这里:item-text=“’data.item.name,data.item.name,{data.item.group}‘”代码:`<v-select label="Select" v-bind:items="people" v-model="e11" item-text="'${data.item...
v-tooltip v-touch VAlert VAlertTitle VApp VAppBar VAppBarNavIcon VAppBarTitle VAutocomplete VAvatar VBadge VBanner VBannerActions VBannerText VBottomNavigation VBottomSheet VBreadcrumbs VBreadcrumbsDivider VBreadcrumbsItem VBtn VBtnGroup VBtnToggle VCalendar VCale...
Environment Vuetify Version: 2.6.4 Vue Version: 2.6.14 Browsers: Chrome 99.0.4844.84 OS: Mac OS 10.15.7 Steps to reproduce Create a v-item-group with one, or more v-item. Add the "disabled" prop to the v-item. Item is still clickable. Ex...
2 Answers Sorted by: 1 It is a very common scenario to add some custom styling in the v-auto-complete's list. But, there is no way of avoiding v-list/v-list-item as Vuetify does not give you the full control of the dropdown menu. As you may have noticed that ...