1 Star 0 Fork 5.3K

OpenHarmony-build / docs

forked from OpenHarmony / docs 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
js-components-basic-piece.md 6.99 KB
一键复制 编辑 原始数据 按行查看 历史
zengyawen 提交于 2021-11-10 20:02 . add arkui

piece

一种块状的入口,可包含图片和文本。常用于展示收件人,例如:邮件收件人或信息收件人。

说明: 从API Version 5 开始支持。

子组件

属性

除支持通用属性外,还支持如下属性:

名称

类型

默认值

必填

描述

content

string

-

操作块文本内容。

closable

boolean

false

设置当前操作块是否显示删除图标,当显示删除图标时,点击删除图标会触发close事件。

icon

string

-

操作块删除图标的url,支持本地。

样式

支持通用样式

说明: 文本和图片默认在整个piece组件中居中。

事件

除支持通用事件外,还支持如下事件:

名称

参数

描述

close

-

当piece组件点击删除图标触发,此时可以通过渲染属性if删除该组件。

方法

支持通用方法

示例

<!-- xxx.hml-->
<div>
  <piece if="{{first}}" content="Huawei"></piece>
  <piece if="{{second}}" content="Huawei" closable="true" onclose="closeSecond"></piece>
</div>
// xxx.js
export default {
  data: {
    first: true,
    second: true
  },
  closeSecond(e) {
    this.second = false;
  }
}

1
https://gitee.com/openharmony-build/docs.git
git@gitee.com:openharmony-build/docs.git
openharmony-build
docs
docs
master

搜索帮助