通用属性

id

string

-

否

组件的唯一标识。

style

string

-

否

组件的样式声明。

class

string

-

否

组件的样式类，用于引用样式表。

ref

string

-

否

用来指定指向子元素或子组件的引用信息，该引用将注册到父组件的$refs 属性对象上。

disabled

boolean

false

否

当前组件是否被禁用，在禁用场景下，组件将无法响应用户交互。

focusable

boolean

false

否

当前组件是否可以获取焦点。 当focusable设置为true时，组件可以响应焦点事件和按键事件。当组件额外设置了按键事件或者点击事件时，框架会设置该属性为true。

data-*⁶⁺

string

-

否

给当前组件设置data-*属性，进行相应的数据存储和读取。大小写不敏感，如data-A和data-a默认相同。JS文件中：

• 在事件回调中使用 e.target.dataSet.a读取数据，e为事件回调函数入参。
• 使用$element或者$refs获取DOM元素后，通过dataSet.a进行访问。

click-effect⁵⁺

string

-

否

通过这个属性可以设置组件的弹性点击效果，当前支持如下三种效果：

• spring-small：建议小面积组件设置，缩放(90%)。
• spring-medium：建议中面积组件设置，缩放(95%)。
• spring-large：建议大面积组件设置，缩放(95%)。

dir⁶⁺

string

auto

否

设置元素布局模式，支持设置rtl、ltr和auto三种属性值：

• rtl：使用从右往左布局模式。
• ltr：使用从左往右布局模式。
• auto：跟随系统语言环境。

for

Array

-

根据设置的数据列表，展开当前元素。

if

boolean

-

根据设置的boolean值，添加或移除当前元素。

show

boolean

-

根据设置的boolean值，显示或隐藏当前元素。