# 绑定表达式

当我们点击设计器画布中任意组件的时候,右侧会显示组件对应的属性配置项。每个组件都有很多属性配置项,这些配置项有的可以设置为固定值,有的则需要根据用户行为或数据动态改变,此时就需要使用动态值, 点击 {…} 按钮就可以进入表达式的编辑窗口。

expr1

# 表达式编辑器

expr2

  • 表达式可选列表:这里将列出目前支持在表达式中使用的所有对象、变量和方法,范围包括全局、页面或插槽上下文。

  • 所选表达式详细信息:点击左侧某个表达式对象后,这里将显示详细的表达式信息。

  • 表达式输入区域:有了以上表达式可选列表和详细说明,我们就可以针对需求在输入区域编写对应的表达式了。

在表达式编辑器中,我们可以使用JS的语法来编写表达式,参考常用表达式

expr4

# 设置演示值

在表达式绑定界面中,还有一个叫演示值的输入区域,演示值主要用于在设计页面的时候,取代一些复杂难懂的表达式,替换为有意义的文本,方便开发。

expr7

比如绑定一个当前日期的表达式,默认在设计器中是这样的:

expr8

设置演示值里填上 "当前日期" 后:

expr9

设计器将显示为“当前日期”,让页面设计模式下显得更加简洁。

顶部