HTML做标题未显示的有提示,html - v-list-item-title未显示标题vuetify - 堆栈内存溢出...

我正在使用Vuetify示例项目作为参考，以了解如何创建带有子项的v-list并用作v-navigation-drawer中的“菜单”。

列表中的项目显示图标，但不显示文本。 子项似乎正常工作。

我已将所有插件更新到最新版本(包括Vue和Vuetify)

请帮忙。

我已将所有插件更新到最新版本(包括Vue和Vuetify)

@touchend.prevent.native="drawer = !drawer"

@click.stop="drawer = !drawer"

/>

LOGBOOK:

{{ companyName }}

text

href="login.html"

>

Login

left

bottom

>

icon

v-on="on"

>

mdi-dots-vertical

v-for="n in 5"

:key="n"

@click="() => {}"

>

Option {{ n }}

v-model="drawer"

app

absolute

temporary

>

{{ UserName }}

v-for="item in items"

:key="item.title"

v-model="item.active"

:prepend-icon="item.action"

no-action

>

v-for="subItem in item.items"

:key="subItem.title"

@click=""

>

export default {

name: 'App',

data: () => ({

companyName: 'POTGIETER LANDBOU PETRUS STEYN',

UserName: 'Louwrens Potgieter',

drawer: null,

items: [

{

action: 'local_activity',

title: 'Attractions',

items: [

{ title: 'List Item' },

],

},

{

action: 'restaurant',

title: 'Dining',

active: true,

items: [

{ title: 'Breakfast & brunch' },

{ title: 'New American' },

{ title: 'Sushi' },

],

},

{

action: 'school',

title: 'Education',

items: [

{ title: 'List Item' },

],

},

{

action: 'directions_run',

title: 'Family',

items: [

{ title: 'List Item' },

],

},

{

action: 'healing',

title: 'Health',

items: [

{ title: 'List Item' },

],

},

{

action: 'content_cut',

title: 'Office',

items: [

{ title: 'List Item' },

],

},

{

action: 'local_offer',

title: 'Promotions',

items: [

{ title: 'List Item' },

],

},

],

})

}

预期结果：列表项中图标旁边显示的文本