详细vue实现简易计算器

最新推荐文章于 2024-05-17 13:52:13 发布

VIP文章温L

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量1.2k

点赞数 1

文章标签： javascript 前端 jquery vue.js

本文链接：https://blog.csdn.net/lwf0829/article/details/121470989

版权

实现功能：将两个输入框中的值进行加减乘除计算

用到的知识点：

1.v-model数据双向绑定

2. .number转化为数字

3.@click点击事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
    //选择自己的vue位置
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="box">
			<!-- 将第一个值转换为数字 -->
			<input type="number" v-model.number="num1"/>
			
			<select  v-model="str">
				<option  value="+">+</option>
				<option  value="-">-</option>
				<option  value="*">*</option>
				<option  value="/">/</option>
			</select>
			<in

最低0.47元/天解锁文章

优惠劵

温L

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
详细vue实现简易计算器

实现功能：将两个输入框中的值进行加减乘除计算用到的知识点：1.v-model数据双向绑定2. .number转化为数字3.@click点击事件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> //选择自己的vue位置 <script src="../js/vue.js" type="text/j.
复制链接

扫一扫