好激动出品了第一个VUE程序

水人 发布于 2017/06/12 23:28
阅读 245
收藏 0

开源之夏第三届火热来袭,高校学生参与赢万元奖金!>>>

就是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>

 

加载中
0
incess
incess

1.把字符类型换成数值类型,这样v-model的值也是数值类型。2.可以在计算的时候,每个需要计算的值面前加一个“+”,隐藏转换成数值

OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部