Title 标题文本

avue-title 用于显示一段标题文字，也可作为表单中的 type: 'title' 字段。独立使用时通过 modelValue 或 v-model 提供文字，通过 styles 设置内部段落样式。

效果预览可直接操作下方示例

输入框修改标题文本；styles 只作用于标题段落，不影响其他组件。

正在加载示例…

<template>
  <el-input v-model="title" placeholder="输入标题" />
  <avue-title v-model="title" :styles="{ fontSize: '20px', fontWeight: 600, color: '#409eff' }" />
</template>

<script setup>
import { ref } from 'vue'
const title = ref('客户资料')
</script>

Props

参数	说明	类型	默认值
modelValue / v-model	标题内容，推荐字符串	string / number	—
styles	内部 p 元素的 Vue 样式对象	object	{}

这里的 styles 是对象，例如 { fontSize: '18px', color: '#409eff' }。组件没有单独的 text 属性，也不会把内容当作 HTML 渲染。

Events、Slots 与 Methods

标题沿用基础字段的值同步：内部值变化时触发 update:modelValue(value) 和 change({ value, column, dic, item, ...tableData })。它本身没有输入交互，不需要通过事件读取标题；直接更新绑定值即可。

组件没有内容插槽或专属公开实例方法。表单内使用方式见 Form 文档。