主要的问题就是我发布的是一个数值比较的小程序,在电脑端的微信开发着工具中可以正常的运行,没有任何bug
但是在手机端,测试的时候,如果我先输入第二个数字比如9,在输入在一个数字比如10,按下比较按钮,结果显示的显示第二个数字比较大,然后再按下,才会显示第一个数字比较大,但是电脑端没有这样的问题
就很奇怪
这是wxml文件
<view>
<text>请输入第1个数字:</text>
<input type="number1"bindchange="num1change"/>
</view>
<view>
<text>请输入第2个数字:</text>
<input type="number2" bindchange="num2change"/>
</view>
<button bindtap="compare">比较</button>
<view>
<text>比较结果:</text>
<input type="text" value="{{result}}"/>
</view>
这是js文件
Page({
/**
* 页面的初始数据
*/
data: {
result:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
num1:'',
num2:'',
num1change:function(e){
this.num1=Number(e.detail.value)
console.log('第一个数字为:'+this.num1)
},
num2change:function(e){
this.num2=Number(e.detail.value)
console.log('第二个数字为:'+this.num2)
},
compare:function(){
var str='两数相等'
if(this.num1>this.num2){
str='第一个数大'
}
else if(this.num1<this.num2){
str='第二个数大'
}
this.setData({result:str})
},
})
线上的小程序吗