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

直接上代码,目前程序没有校验小数点输入是否正确情况。

v-model="result"

clearable>

7

8

9

/

4

5

6

*

1

2

3

+

0

.

=

-

export default {

name: 'Calculator',

data () {

return {

'result': ''

}

},

methods: {

sendMessage (message) {

this.$message({

message: message,

type: 'warning'

})

},

getResult (e) {

// 不可以连续输入 小数点

if (e === '.' && this.result.split('').reverse().join('').indexOf('.') === 0) {

this.sendMessage('请输入正确的浮点数1')

return false

}

// 如果第一次 输入的是 运算符号,则提示

if (['+', '-', '*', '/', '%', '.'].indexOf(e) > -1 && this.result.length === 0) {

this.sendMessage('请先输入数字')

return false

}

// 如果第一次 输入的是 = 号,则直接返回

if (e === '=' && this.result.length === 0) {

return false

}

// 出现 = 号则表示已经执行过计算,需要清空

if (this.result.indexOf('=') > -1) {

this.result = ''

}

switch (e) {

case '=':

// eslint-disable-next-line no-eval

this.result += '=' + eval(this.result)

break

default:

this.result += e

}

}

}

}

#result{

margin-bottom: 10px;

}

.grid-content{

text-align: center;

height: 40px;

border:solid 1px #e6e6e6;

line-height: 40px;

margin-bottom: 10px;

font-weight: bold;

border-radius: 5px;

cursor: pointer;

}

.grid-content:hover{

background-color: #f5f5f5;

}

页面效果:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/566347.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

恒驰机器人_2545台机器人,1分钟造1辆车,恒大许家印的智能造车工厂首次曝光...

车企「造车」的势头只增不减。前有奔驰造车,后有特斯拉、小鹏、蔚来等新势力造车。 在「造车」界最近迎来一位「新秀」。凭借中国最大房地产开发商的名号跨界造车。在「造车」这件事情上高举高打,从自建工厂到连发六款新车,以投入千亿的势头打…

零窗口探测怎么抓包_Linux服务器下的HTTP抓包分析

说到抓包分析,最简单的办法莫过于在客户端直接安装一个Wireshark或者Fiddler了,但是有时候由于客户端开发人员(可能是第三方)知识欠缺或者其它一些原因,无法顺利的在客户端进行抓包分析,这种情况下怎么办呢…

三维重建 几何方法 深度学习_基于深度学习的三维重建算法:MVSNet、RMVSNet、PointMVSNet、Cascade系列...

欢迎关注微信公众号“3D视觉学习笔记”,分享博士期间3D视觉学习收获MVSNet:香港科技大学的权龙教授团队的MVSNet(2018年ECCV)开启了用深度做多视图三维重建的先河。2019年,2020年又有多篇改进:RMVSNet(CVPR2019),Point…

easypoi list中的map导出_如何优雅的导出 Excel

作者:你在我家门口来源:https://juejin.im/post/5c6b6b126fb9a04a0c2f024f前言公司项目最近有一个需要:报表导出。整个系统下来,起码超过一百张报表需要导出。这个时候如何优雅的实现报表导出,释放生产力就显得很重要了…

c++ list容器获取第n给元素_Java总结之容器家族--Collection*

一、概述Collection是[收集品]的意思,这里称[容器],是java中的一个接口,位于java.util包下Collection下有三大接口:List(列表)、Set(集合)、Queue(队列)容器接口子类及方法二、List接口List:列表,顾名思义是一种表结构&#xff0c…

eclipemaven本地仓库依赖_只用一招,让你Maven依赖下载速度快如闪电

一、背景众所周知,Maven对于依赖的管理让我们程序员感觉爽的不要不要的,但是由于这货是国外出的,所以在我们从中央仓库下载依赖的时候,速度如蜗牛一般,让人不能忍,并且这也是大多数程序员都会遇到的问题。今…

和华为杯_2019全国大学生物联网设计竞赛(华为杯)拉开序幕

由教育部高等学校计算机类专业教学指导委员会主办,四川大学承办,华为协办,上海交通大学和机械工业出版社华章公司联合支持的2019年全国大学生物联网设计竞赛(华为杯)全国巡回技术讲座暨宣传活动5月9日在郑州大学拉开序幕。全国大学生物联网设…

flatform installer web 安装php_web安装平台-微软web服务器配置安装工具(Web Platform Installer)5.0 官方最新版-东坡下载...

这里为您提供的是微软官方的web服务器配置安装工具(Web Platform Installer),他可以帮助你快速的配置你所需要各种web环境。Web服务器又称为WWW服务器,它是放置一般网站的服务器。一台Web服务器上可以建立多个网站,各网站的拥有者只需要把做好的网页和相…

e.printstacktrace()为什么没有输出信息_不输入内容,能不能直接输出内容?

这段时间,我确信了一件事。想要输出内容,不需要“先输入”。直接输出,是能做到的。网络上流行一种观点:先输入,再输出!我认为这是错的。人可以不输入知识,直接输出内容。人在世界上活了这些年。…

用python祝福父亲节_父亲节给爸爸的祝福语微信48条

父亲节给爸爸的祝福语微信48条撑起亲情的保护伞,风雨再大也不怕;摘下严厉的面具,再硬的心也柔软;望着沧桑的背影,感动常在心间。父爱如山,父亲是永远的靠山。父亲节快乐!下面是小编为大家整理推…

mac python运行按哪个键_#mac python如何使用教程#怎么在mac终端运行python程序

mac如何投屏手机1.首先,解iPhone,然后用手指从下往上,打开控心,在其中就可以找到AirPlay了屏幕镜像。2.接来下就来教大家如何使用AirPlay吧,首先将手机和电脑连接在同一WiFi网络之下,这是投屏成功的前提条件…

informatica 许可_Informatica安装教程

11.打开\961_Server_Installer_win32-x86\Server\install.exe;22.选中 安装Informatica 9.6.1 点下一步;33.继续 下一步44. 选取许可证密钥文件,修改安装目录,点下一步;55. 点 “安装”,直到安装…

python读取微信收款_python 处理微信对账单数据的实例代码

下面一段代码给大家介绍python 处理微信对账单数据,具体代码如下所示:#下载对账单并存储到数据库app.route("/bill/",methods["GET","POST"])def download_bill(date):pay MyWeiXinPay()#自己的支付类bill pay.download_…

mouseup 左键_javascript中mouseup事件丢失的原因与解决办法

这篇文章主要跟大家介绍了关于Javascript中mouseup事件丢失的原因与解决办法的相关资料,文中给出详细的示例代码供大家参考学习,需要的朋友们下面跟着小编一起来学习学习吧。前言当实现类似Excel选中区域的功能时,经常出现 mouseup 事件丢失的…

sqlite数据库主键自增_sqlite 中主键id自增的方法(转)

困扰了一段时间,先前的解决方法是定义静态变量rid0,然后把rid插入数据库的id列中,但是每次重启的时候,rid就自动从0开始,就会导致有相同的id,插入数据库发生错误。今天在网上又查了一下,发现了以…

万兆网卡实际吞吐量_案例探索 | 千兆/万兆网卡每秒转发包数处理能力上限到底有多大?...

“侦破”网卡传输能力的“个”案 作者:李烨楠 一个平静的下午,在某监控大厅,应急召集令发出,一时间应急电话、汇报、询问声音响成一片。这是怎么了?原来某重要+系统应用交易严重超时,业务产生大量积压,无法顺利进行。 一、问题到底出在哪里? 系统架构简单明了:后台为O…

android shell检查是否锁屏_android打开关闭屏幕

打开和关闭手机屏幕方法:1.关闭屏幕//设备管理者private DevicePolicyManager mDevicePolicyManager;//关屏组件private ComponentName mCompName;onCreate(){mDevicePolicyManager (DevicePolicyManager) getSystemService(Context.DEVICE_POLICY_SERVICE);// 申请…

int mysql_「MYSQL」MYSQL中的int(11)到底代表什么意思?

一、前言在工作中经常要与mysql打交道,但是对mysql的各个字段类型一直都是一知半解,因此写本文总结记录一番。二、简介对于int类型的一些基础知识其实上图已经说的很明白了,在这里想讨论下常用的int(11)代表什么意思,很长时间以来…

mysqlfront连接MySQL错误_使用MySql-Front远程连接MySQL失败的解决办法

新安装的mysql默认是root用户,且密码为空,默认端口是3306。通过SSH可以连接并且登录,但是使用MySQL-Front等客户端连接失败。解决办法:1.确认Linux防火墙3306端口打开。在/etc/sysconfig/iptables文件中,添加一行&…

mysql数据库多少张表会影响性能_mysql数据库多少张表会影响性能

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航,为用户…