《微信小程序-比较数字大小》

1.创建一个新的项目,点击菜单栏的项目->创建所有项目->点击“+”号->APPID如果已经注册并使用过直接点击测试号即可->选择不适用云服务->开发模式选择小程序->单击确定。目录自己选择存储位置即可.
《微信小程序-比较数字大小》

2.开发者工具会自动创建pages/index目录,点击此处可以打开文件存储的位置,因为系统会自动创建号所有的配置文件,我们选择删除掉除以外的文件即可。可能会遇到pages文件需要管理员授权才能删除的情况,这是可以先把pages内部的文件逐层删除再来删除pages。如果删除以后在编写代码的过程中出现了一些问题可以考虑为开发者工具的版本不正确,稳定系数太低,建议重新安装稳定系数较高的开发者工具。
《微信小程序-比较数字大小》
《微信小程序-比较数字大小》
《微信小程序-比较数字大小》

3.onLoad函数中的options参数传递流程:
pages/index/index.js
部分代码:
onReady: function() {
wx.navigateTo({
url: ‘/pages/test/test?name1=value1&name2=value2’
})
},
实现跳转的过程中可能会报错,这时就要考虑你的相对路径和绝对路径的问题了。
我在运行中就遇到了这样的问题,一开始我输入的是pages/test/test,显示报错,找不到该路径下的文件。
《微信小程序-比较数字大小》

《微信小程序-比较数字大小》

当我改成pages/index/pages/teat/teat路径即正确,可以正常运行。

《微信小程序-比较数字大小》
所以具体改成什么路径还是根据你自己设置的来。

4.实现比较功能:有很多种方法都可以适用,这里只记录一种方法->通过表单获取input组件的值,比较结果:
部分代码:
formCompare: function(e) {
var str = ‘两数相等’
var num1 = Number(e.detail.value.num1)
var num2 = Number(e.detail.value.num2)

this.setData({result: str})
},
《微信小程序-比较数字大小》

5.下面是运行截图:
《微信小程序-比较数字大小》
《微信小程序-比较数字大小》
《微信小程序-比较数字大小》