wxml绑定的事件要在js文件里写上处理函数
在js文件里加上这个
clientButton: function(e){
//console.log(e.currentTarget.id)
var btnValue = e.currentTarget.id
var res = this.data.screenData
if(btnValue != "back" || btnValue !="clear")
{
res = res+btnValue
}
//console.log(this.screenData)
this.setData({
screenData: res
})
}
然后你的daat设置的也不太对
data: {
idBack:"back",
idClear:"clear",
idB:"B",
idPlus:"+",
idMinus:"➖",
idMult:"×",
idDiv:"÷",
id1:"1",
id2:"2",
id3:"3",
id4:"4",
id5:"5",
id6:"6",
id7:"7",
id8:"8",
id9:"9",
id0:"0",
idPoint:".",
idIs:"=",
id10:"%",
screenData:"",
lastIsOperator:false,
arr:[],
logs:[]
}
这是我的代码
<!--pages/calculate/calculate.wxml-->
<view class="btns">
<view class="screen">{{screenData}}0</view>
</view>
<view class="btns">
<view class="btn" bindtap="clientButton" id="{{idBack}}" hover-class="hb">退格</view>
<view class="btn" bindtap="clientButton" id="{{idClear}}" hover-class="hb">清屏</view>
<view class="btn" bindtap="clientButton" id="{{idB}}" hover-class="hb">B</view>
<view class="btn" bindtap="clientButton" id="{{idPius}}" hover-class="hb">+</view>
</view>
<view class="btns">
<view class="btn" bindtap="clientButton" id="{{id1}}" hover-class="hb">1</view>
<view class="btn" bindtap="clientButton" id="{{id2}}" hover-class="hb">2</view>
<view class="btn" bindtap="clientButton" id="{{id3}}" hover-class="hb">3</view>
<view class="btn" bindtap="clientButton" id="{{idDiv}}" hover-class="hb">÷</view>
</view>
<view class="btns">
<view class="btn" bindtap="clientButton" id="{{id4}}" hover-class="hb">4</view>
<view class="btn" bindtap="clientButton" id="{{id5}}" hover-class="hb">5</view>
<view class="btn" bindtap="clientButton" id="{{id6}}" hover-class="hb">6</view>
<view class="btn" bindtap="clientButton" id="{{idMult}}" hover-class="hb">×</view>
</view>
<view class="btns">
<view class="btn" bindtap="clientButton" id="{{id7}}" hover-class="hb">7</view>
<view class="btn" bindtap="clientButton" id="{{id8}}" hover-class="hb">8</view>
<view class="btn" bindtap="clientButton" id="{{id9}}" hover-class="hb">9</view>
<view class="btn" bindtap="clientButton" id="{{idMinus}}" hover-class="hb">➖</view>
</view>
<view class="btns">
<view class="btn" bindtap="clientButton" id="{{id0}}" hover-class="hb">0</view>
<view class="btn" bindtap="clientButton" id="{{idPoint}}" hover-class="hb">.</view>
<view class="btn" bindtap="clientButton" id="{{id10}}" hover-class="hb">%</view>
<view class="btn" bindtap="clientButton" id="{{idIs}}" hover-class="hb">=</view>
</view>
/* pages/calculate/calculate.wxss */
.btns{
display: flex;
}
.btn{
height: 80px;
width: 80px;
background-color: aqua;
margin-right: 3px;
margin-top: 3px;
display: flex;
justify-content: center;
align-items: center;
}
.screen{
height: 100rpx;
width: 100%;
background-color: rgb(163, 233, 190);
text-align: right;
line-height: 100rpx;
margin-bottom: 1px;
}
.hb{
background-color: burlywood;
}
data: {
idBack:"back",
idClear:"clear",
idB:"B",
idPlus:"+",
idMinus:"➖",
idMult:"×",
idDiv:"÷",
id1:"1",
id2:"2",
id3:"3",
id4:"4",
id4:"5",
id4:"6",
id4:"7",
id4:"8",
id4:"9",
id0:"0",
idPoint:".",
idIs:"=",
id10:"%",
screeData:"0",
lastIsOperator:false,
arr:[],
logs:[]
},