直接跳到内容
本页目录

Label 文本标签

用于显示静态或动态文本的标签组件,支持 Rich markup 语法,可渲染带颜色、粗体等样式的终端文本。

底层:Textual Label

基本用法

vue
<template>
  <VBox>
    <Label label="普通文本" />
    <Label label="[bold red]加粗红色[/bold red]" />
    <Label :label="f'计数: {count.value}'" />
    <!-- 使用 content slot -->
    <Label>带内容的标签</Label>
  </VBox>
</template>

<script lang="py">
from vuepy import ref

count = ref(0)
</script>

Props

属性类型默认值说明
labelstr""显示的文本,支持 Rich markup 语法;也可通过默认 slot 内容设置

v-model

v-model 默认绑定属性:label

vue
<Label v-model="message.value" />

Slot

Label 支持 default slot,slot 内容会作为标签的 label

vue
<Label>[bold green]操作成功[/bold green]</Label>

事件

Label 为纯展示组件,无交互事件。

通用属性

所有 Textual-vuepy 组件均支持以下属性:

属性类型说明
idstr组件 CSS ID
stylestrTCSS 内联样式
classstrTCSS 类名(空格分隔)
border_titlestr边框标题
border_subtitlestr边框副标题
Label 文本标签已经加载完毕