跳到主要内容

通过变量获取和改变表单值

需求说明

表单组件输入值/选中值属性绑定变量,并且配置 change 事件为该变量赋值,以实现数据双向绑定效果。

实践方案

  1. 创建一个变量,命名为 form,文本类型。
  2. 在页面中添加一个单行输入组件,输入值属性绑定变量 form。
  3. 单行输入组件的 change 事件配置为 form 变量进行赋值,变量值写表达式:event.detail.value
  4. 完成以上配置后,通过其他动作对变量赋值后,单行输入组件中显示的内容会始终与变量值保持一致,其他表单组件,如多行输入、下拉选择等组件同以上方法。