这是一个使用Vue.js编写的简单计算器应用，专注于计算税前工资。基础工资、岗位工资（为基本工资的3倍）和绩效工资（为基本工资的50%）被整合在一起，形成总税前工资。代码中定义了相应的数据绑定和计算属性来实现这个功能。
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);
},
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
原始数据
按行查看
历史
扫一扫
1692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
