Skip to content

组件悬浮提示 ​

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、TinyVuepopovertooltip
TDesignpopuptooltip
Vant无。点击标题旁图标后用 Notify 展示—
  • html:默认值。按 HTML 渲染,标签会显示出来
  • text:按纯文本渲染,标签会原样显示。写成 innerText 效果相同

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用