组件悬浮提示
info 在组件标题旁显示提示。写成字符串时就是提示文字,写成对象时可以设置位置、图标、内容、提示组件和渲染方式。
显示位置
align 控制提示图标在标题的左侧或右侧。
自定义图标
info.icon 是图标组件名,默认是 icon-warning。自定义图标要先用 formCreate.component 注册,再把组件名写到 icon。 icon-info 对应组件 IconInfo。
提示组件和渲染方式
下面的示例通过 option.info 切换 type 和 render。提示内容是一段 HTML:render 为 html 时标签会显示出来,为 text 时按纯文本显示。
option.info.type 设置提示使用的组件,option.info.render 设置渲染方式。字段的 info 写成对象时,可以单独覆盖这两项。
| UI | 默认 type | 可改为 |
|---|---|---|
| Element Plus、Ant Design Vue、Antdv Next、Arco Design、Naive UI、TinyVue | popover | tooltip |
| TDesign | popup | tooltip |
| Vant | 无。点击标题旁图标后用 Notify 展示 | — |
html:默认值。按 HTML 渲染,标签会显示出来text:按纯文本渲染,标签会原样显示。写成innerText效果相同


