文档中心>腾讯云微搭低代码>实践教程>表单场景实践指南>在表单中对用户输入数据进行计算展示

在表单中对用户输入数据进行计算展示

最近更新时间:2024-03-20 11:31:52

我的收藏

需求说明

在2个数字输入组件中输入单价和数量,在第3个数字输入组件中展示总价(单价*数量)。

实践方案

1. 创建一个数据模型,命名为售价计算,再在该模型中创建3个数字类型的字段,分别命名为:单价、数量、总价。



2. 在页面中拖入一个表单容器,利用售价计算模型生成表单。



3. 总价字段映射生成的单行输入组件中,找到输入值属性,绑定表达式:+$w.单价组件id.value * +$w.数量组件id.value



4. 预览区或运行态在单价和数量输入框中输入数值后,总价会显示为单价*数量得到的总价。