就是JS的基础不好.....
问个基础问题,
js的运算符+,不用parseInt的话,就变成字符串连接起来了,导致我的运算公式里用了特多的parseInt。这个VUE有什么预处理吗?
<div id='app'>
进价:<input type="text" v-model="factoryprice"><br>
重量:<input type="text" v-model="weight"><br>
资费:<input type="text" v-model="provice"><br>
成本价: <span>{{jisuan}}</span>
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
factoryprice: '100',
weight: '10',
provice: '8+3',
},
computed: {
jisuan: function () {
var strs = new Array();
strs = this.provice.split("+");
return parseInt(this.factoryprice) + (parseInt(this.weight) - 1) * parseInt(strs[1]) + parseInt(strs[0]);
}
}
})
</script>
1.把字符类型换成数值类型,这样v-model的值也是数值类型。2.可以在计算的时候,每个需要计算的值面前加一个“+”,隐藏转换成数值