vue可以直接进行运算么_vue实现计算器功能

本文实例为大家分享了vue实现计算器功能的具体代码，供大家参考，具体内容如下

计算器

+

-

*

/

new Vue({

el: '#app',

data: {

n1: 0,

n2: 0,

result: 0,

opt: '+'

},

methods: {

calc() {

switch (this.opt) {

case "+":

this.result = parseInt(this.n1) + parseInt(this.n2);

break;

case "-":

this.result = parseInt(this.n1) - parseInt(this.n2);

break;

case "*":

this.result = parseInt(this.n1) * parseInt(this.n2);

break;

case "/":

this.result = parseInt(this.n1) / parseInt(this.n2);

break;

}

}

}

})

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。