Astro轻应用 AstroZero-如何实现页面组件间的交互:数据绑定方式

时间:2023-11-01 16:25:38

数据绑定方式

  1. 在标准页面开发界面,选中任意组件,在右侧“属性”页签进行数据绑定。
  2. 数据绑定分为值绑定和属性绑定,如图2所示,绑定会在指定组件上,创建双向数据绑定。

    • 值绑定:表单、表格、列表视图对应的数据绑定,以及输入框、下拉框等基础组件对应的value绑定,类似Vue的v-model。
    • 属性绑定:将组件的某个属性,如只读、禁用、必填等与具体的模型字段相绑定,绑定后组件的属性随模型字段的值变化而变化,类似Vue的v-bind。
      图1 数据绑定配置面板

support.huaweicloud.com/usermanual-astrozero/astrozero_05_0048.html