超级简易的加法计算器

最新推荐文章于 2021-07-21 22:54:00 发布

无风不起浪y

最新推荐文章于 2021-07-21 22:54:00 发布

阅读量289

点赞数 1

分类专栏：前端 JS VUE 文章标签：数学 javascript vue.js node.js html5

本文链接：https://blog.csdn.net/Fate_B/article/details/110968377

版权

前端同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

VUE

2 篇文章 0 订阅

订阅专栏

超级简单的加法计算器

代码如下（示例）：

<body>
    <div id="app">
        <h1>简易计算器</h1>
        数值A:<input type="text" v-model="a"><br />
        数值B:<input type="text" v-model="b"><br />
        <input type="button" value="计算" @click="btn"><br />
        结果:<input type="text" v-model="c">
    </div>
    <script>
        let vm = new Vue({
            el: '#app',
            data: {
                a: '',
                b: '',
                c: ''
            },
            methods: {
                btn() {
                    this.c = parseInt(this.a) + parseInt(this.b)
                }
            }
        })

    </script>
</body>