首页 > 编程知识 正文

算术小程序,微信小程序 计算器

时间:2023-05-06 06:53:13 阅读:277836 作者:136

1.数据动态绑定

数据动态绑定的语法如下:

2.进行实践

第一步:新建页面

在app.json中新建一个新的页面 ““pages/jisuanqi/jisuanqi”,” ,并放置在最上方。

第二步:实现视图页面

在jisuanqi.wxml中设置组件view、text、input、button等,在输入框中添加占位符placeholder事件和获取用户输入时用到的bindinput事件;给按钮设置样式,并将运算结果动态绑定。

placeholder:设置默认显示文字(当我们输入文字时,默认的就没有了)
bindinput=“getA”:定义一个getA方法来获取input的输入内容。

第三步:实现逻辑页面

首先给将输入的初始数据赋值为空,并将初始结果也设置为空。

在wxml里定义的bindinput=“getA”,bindtap='qiuhe’也将使用到。先用 “getA” 和 “getB" 创建函数获取到用户输入的值,再用两个输入值进行求和,并把结果赋值到 “qiuhe” 标签上,得到结果。

3.结果图预览

得到了一个简略的加法和减法的运算器,继续加油!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。