html⼯资计算页⾯模板,⼯资计算.html Vue计算器
p{
font-size: 30px;
color: red;
line-height: 50px;
width: 300px;
}
input{
display: block;
width: 300px;
height: 50px;
font-size: 20px;
padding-left: 10px;
}
div{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
税前⼯资:¥{{unTaxMoney}}
(function(){
/
/基本⼯资 basicMoney
//岗位⼯资 jobMoney
//绩效⼯资 valueMoney
//税前⼯资 unTaxMoney
new Vue({
el:"#app",
data:{
basicMoney:0
},
computed:{
jobMoney:function(){
return parseFloat(this.basicMoney*3);
},
网页html下载valueMoney:function(){
return parseFloat(this.basicMoney*0.5);
},
unTaxMoney:function(){
let total=parseFloat(this.basicMoney)+this.jobMoney+this.valueMoney; if(isNaN(total)){
return 0;
}else{
return total;
}
}
}
})
})()
⼀键复制
编辑
Web IDE
原始数据
按⾏查看
历史

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。