amis2/docs/zh-CN/components/tpl.md

title	description	type	group	menuName	icon	order
Tpl 模板		0	⚙ 组件	Tpl		70

输出 模板 的常用组件

基本用法

{
  "data": {
    "text": "World!"
  },
  "type": "page",
  "body": {
    "type": "tpl",
    "tpl": "Hello ${text}"
  }
}

更多模板相关配置请看模板文档

快速编辑

通过 quickEdit 开启快速编辑功能，比如

{
    "type": "form",
    "body": [
        {
            "name": "static",
            "type": "static",
            "label": "静态展示",
            "value": "123",
            "quickEdit": {
                "type": "number"
            }
        }
    ]
}

其他配置项参考 快速编辑

属性表

属性名	类型	默认值	说明
type	string	"tpl"	指定为 Tpl 组件
className	string		外层 Dom 的类名
tpl	模板		配置模板
showNativeTitle	boolean		是否设置外层 DOM 节点的 title 属性为文本内容

事件表

2.5.3 及以上版本

当前组件会对外派发以下事件，可以通过onEvent来监听这些事件，并通过actions来配置执行的动作，详细查看事件动作。

事件名称	事件参数	说明
click	nativeEvent: MouseEvent 鼠标事件对象	点击时触发
mouseenter	nativeEvent: MouseEvent 鼠标事件对象	鼠标移入时触发
mouseleave	nativeEvent: MouseEvent 鼠标事件对象	鼠标移出时触发