Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
0a9a20cb
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
0a9a20cb
编写于
5月 18, 2022
作者:
G
groundnuts
提交者:
Gitee
5月 18, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-js/js-components-common-attributes.md.
Signed-off-by:
N
groundnuts
<
ester743@126.com
>
上级
5df2c931
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
4 addition
and
4 deletion
+4
-4
zh-cn/application-dev/reference/arkui-js/js-components-common-attributes.md
...dev/reference/arkui-js/js-components-common-attributes.md
+4
-4
未找到文件。
zh-cn/application-dev/reference/arkui-js/js-components-common-attributes.md
浏览文件 @
0a9a20cb
...
...
@@ -5,7 +5,7 @@
## 常规属性
常规属性
指的是
组件普遍支持的用来设置组件基本标识和外观显示特征的属性。
常规属性
是指
组件普遍支持的用来设置组件基本标识和外观显示特征的属性。
| 名称 | 类型 | 默认值 | 必填 | 描述 |
| -------- | -------- | -------- | -------- | -------- |
...
...
@@ -14,15 +14,15 @@
| class | string | - | 否 | 组件的样式类,用于引用样式表。 |
| ref | string | - | 否 | 用来指定指向子元素或子组件的引用信息,该引用将注册到父组件的$refs
属性对象上。 |
| disabled | boolean | false | 否 | 当前组件是否被禁用,在禁用场景下,组件将无法响应用户交互。 |
| data | string | - | 否 | 给当前组件设置data属性,进行相应的数据存储和读取。JS文件中:
<br/>
-
在事件回调中使用
e.target.attr.data
读取数据,e为事件回调函数入参。
<br/>
-
使用
$element或者$refs
获取DOM元素后,通过attr.data
进行访问。
<br/>
>
![icon-note.gif](public_sys-resources/icon-note.gif)
**说明:**
<br/>
>
从API
Version
6
开始,建议使用data-
\*
。 |
| data-
\*
<sup>
6+
</sup>
| string | - | 否 | 给当前组件设置data-
\*
属性,进行相应的数据存储和读取。大小写不敏感,如data-A和data-a默认相同。JS文件中:
<br/>
-
在事件回调中使用
e.target.dataSet.a读取数据,e为事件回调函数入参。
<br/>
-
使用
$element或者$refs
获取DOM元素后,通过dataSet.a进行访问。 |
| data | string | - | 否 | 给当前组件设置data属性,进行相应的数据存储和读取。JS文件中:
<br/>
-
在事件回调中使用
e.target.attr.data
读取数据,e为事件回调函数入参。
<br/>
-
使用
`$element`或者`$refs`
获取DOM元素后,通过attr.data
进行访问。
<br/>
>
![icon-note.gif](public_sys-resources/icon-note.gif)
**说明:**
<br/>
>
从API
Version
6
开始,建议使用data-
\*
。 |
| data-
\*
<sup>
6+
</sup>
| string | - | 否 | 给当前组件设置data-
\*
属性,进行相应的数据存储和读取。大小写不敏感,如data-A和data-a默认相同。JS文件中:
<br/>
-
在事件回调中使用
e.target.dataSet.a读取数据,e为事件回调函数入参。
<br/>
-
使用
`$element`
或者
`$refs`
获取DOM元素后,通过dataSet.a进行访问。 |
| click-effect
<sup>
5+
</sup>
| string | - | 否 | 通过这个属性可以设置组件的弹性点击效果,当前支持如下三种效果:
<br/>
-
spring-small:建议小面积组件设置,缩放(90%)。
<br/>
-
spring-medium:建议中面积组件设置,缩放(95%)。
<br/>
-
spring-large:建议大面积组件设置,缩放(95%)。 |
| dir
<sup>
6+
</sup>
| string | auto | 否 | 设置元素布局模式,支持设置rtl、ltr和auto三种属性值:
<br/>
-
rtl:使用从右往左布局模式。
<br/>
-
ltr:使用从左往右布局模式。
<br/>
-
auto:跟随系统语言环境。 |
## 渲染属性
组件普遍支持的用来设置组件是否渲染的属性。
渲染属性是指
组件普遍支持的用来设置组件是否渲染的属性。
| 名称 | 类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录