Vue---基于v-model的简易计算器

最新推荐文章于 2021-02-15 21:25:47 发布

手写的从前98

最新推荐文章于 2021-02-15 21:25:47 发布

阅读量240

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/GaoXiR/article/details/103736281

版权

Vue 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<input type="text" v-model="n1">

 <select name="" id="" v-model="opt">
     <option value="+">+</option>
     <option value="-">-</option>
     <option value="*">*</option>
     <option value="/">/</option>
 </select>

<input type="text" v-model="n2">

<input type="button" value="=" @click="calc">

<input type="text" v-model="result">

data () {
    return {
      msg: '猥琐发育，别浪~',
      n1: 0,
      n2: 0,
      result: 0,
      opt: '+'
    }
  }

calc: function(){

          switch(this.calc){
              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;
          }

        // var codeStr = 'parseInt(this.n1)'+ this.opt +' parseInt(this.n2)';
        // this.result = eval(codeStr);

      }