用Vue制作的简易计算器

CodingIsNotEasy

于 2019-11-06 20:09:25 发布

阅读量636

点赞数

分类专栏：我的Vue旅程

本文链接：https://blog.csdn.net/CodingIsNotEasy/article/details/102941997

版权

<html>
<body>
<div id="demo">
    <h2>简单加减乘除计算器</h2>
    <p>请输入第一个数：<input type="text" v-model="firNum"></p>
    <p>请输入第二个数：<input type="text" v-model="secNum"></p>
    <p>
        <button @click="plus">+</button>
        <button @click="dec">-</button>
        <button @click="multiple">x</button>
        <button @click="devise">/</button>
    </p>
    <p>计算结果：<span v-text="result"></span></p>
</div>
<script>
    var v = new Vue({
        el:"#demo",
        data:{
            firNum:"",
            secNum:"",
            result:""
        },
        methods:{
            plus:function () {
              // this.result

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodingIsNotEasy

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
用Vue制作的简易计算器

<html><body><div id="demo"> <h2>简单加减乘除计算器</h2> <p>请输入第一个数：<input type="text" v-model="firNum"></p> <p>请输入第二个数：<input type="text" ...
复制链接

扫一扫