vue\calc.html parseInt 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello_World.html</title>
        <script type="text/javascript" src="vue-dev/dist/vue.js"></script>
    </head>

    <body>

<div id="app-5">
  <input type="text" v-model="a">
  <input type="text" v-model="b">
  <p>{{ result }}</p>
  <button v-on:click="add">+</button>
  <button v-on:click="sub">-</button>
  <button v-on:click="mult">*</button>
  <button v-on:click="div">/</button>
</div>


     <script>
var app5 = new Vue({
  el: '#app-5',
  data: {
    result: '...',
    a: '3',
    b: '2'
  },
  methods: {
    add: function () {
      this.result = parseInt(this.a)+parseInt(this.b);
    },
    sub: function () {
      this.result = parseInt(this.a)-parseInt(this.b);
    },
    mult: function () {
      this.result = parseInt(this.a)*parseInt(this.b);
    },
    div: function () {
        if(this.b !='0'){
            this.result = parseInt(this.a)/parseInt(this.b);
        }else{
            this.result ='NaN';
        }
    }



  }
});
    </script>

    </body>
</html>

 

posted @ 2017-12-08 16:24  sky20080101  阅读(298)  评论(0)    收藏  举报