[SOLVED] Nextcloud Vue: Prop name of NcAppNavigationNewItem does not display

💻 Development app dev
1

I set the name prop of NcAppNavigationNewItem but it does not display. Here’s my code.

<template>
	<NcContent id="content" app-name="qlcv">
		<NcAppNavigation>
			<div class="nav">
				<NcAppNavigationItem id="upcomingtasks" :exact="true" name="Tác vụ sắp tới"
					@click="updateValue('Tác vụ sắp tới')">
					<template #icon>
						<CalendarOutline :size="20" />
					</template>
				</NcAppNavigationItem>
				<NcAppNavigationItem v-if="works.length" id="allworks" :exact="true"
					:title="t('qlcv', 'Tất cả công việc')" :allowCollapse="true" :open="true">
					<template #icon>
						<Magnify :size="20" />
					</template>
					<template>
						<NcAppNavigationItem v-for="(item, index) in works" :key="`work-${index}`"
							:title="t('qlcv', item.name)">
							<template #icon>
								<NcAppNavigationIconBullet color="0082c9" />
							</template>
							<template #actions>
								<NcActionButton>
									<template #icon>
										<Pencil :size="20" />
									</template>
									Chỉnh sửa
								</NcActionButton>
								<NcActionButton>
									<template #icon>
										<Delete :size="20" />
									</template>
									Xóa
								</NcActionButton>
							</template>
						</NcAppNavigationItem>
					</template>
				</NcAppNavigationItem>
				<NcAppNavigationNewItem editPlaceholder="Tên công việc" name="New"
					@new-item="function (value) { alert(value) }">
					<template #icon>
						<Plus :size="20" />
					</template>
				</NcAppNavigationNewItem>
			</div>
		</NcAppNavigation>

		<NcAppContent class="parent">
			<router-view />
		</NcAppContent>
	</NcContent>
</template>
2

Please help me :frowning:

3

What version of @ nextcloud/vue are you using? Earlier it was called title. Maybe just the wrong version in use?

1 Like
4

It’s 7.3.0. I changed name to title and it works. I also see the link for @nextcloud/vue version for Nextcloud 27 here: https://stable7--nextcloud-vue-components.netlify.app. Thank you so much.

1 Like