HTML-桌面端|飞书低代码平台

HTML-桌面端|飞书低代码平台

飞书低代码平台手册精选NaN-NaN-NaN
产品功能
概述
HTML 组件用于用户自定义 HTML 和 CSS。
250px|700px|reset
用法示例
  1. 给 HTML 内的元素绑定点击事件
步骤
说明
Step1: 编辑 HTML内容,将 data-click-target 添加到元素的属性上
<div class="myClass">
<span data-click-target="btn1">Hello world</span>
</div>
Step2: 添加点击时事件,绑定动作
250px|700px|reset
image.png
  1. HTML 内有多个按钮,区分点击了哪个按钮
步骤
说明
Step1: 编辑 HTML内容,将 data-click-target 添加到元素的属性上
<div class="myClass">
<div data-click-target="btn1">按钮1</div>
<div data-click-target="btn2">按钮2</div>
</div>
Step2: 添加点击时事件,绑定动作
  • 配置执行条件,当满足 { { event.detail.target.value === 'btn1' } }, 表示的触发点击事件的元素是包含 data-click-target='btn1' 的元素
250px|700px|reset
image.png
可配置事件
事件名称
描述
点击时
HTML 内容中包含 data-click-target 属性的元素被点击时触发
值改变时
HTML 内容中包含 data-change-target 属性的元素的值被修改时触发
暴露的状态
属性名称
类型
描述
html
string
HTML 内容
css
string
CSS 内容
hidden
boolean
是否隐藏
暴露的方法
方法名称
描述
setHidden(v: boolean)
设置表格的 hidden 属性
先进生产力和业务协同平台
联系我们立即试用

先进团队,先用飞书

欢迎联系我们,飞书效能顾问将为您提供全力支持
分享先进工作方式
输送行业最佳实践
全面协助组织提效
HTML-桌面端|飞书低代码平台
先进生产力和业务协同平台
联系我们立即试用
联系我们立即试用