腾讯云微搭低代码 在表单中对用户输入数据进行计算展示

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

相关产品
腾讯云微搭低代码 产品页,含版本规格、价格与购买入口。

一、实践方案

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

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

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

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

赞 (0)
上一篇 4天前
下一篇 4天前