使用工具：HBuilderhu或VScode
js插件：vue.js
1.写好计算器简易布局
select下拉框放置符号，用v-model绑定输入框和计算符号
基本代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>computed</title>
<script src="vue.js"></script>
</head>
<body>
<div id="computer">
<input type="text" placeholder="请输入第一个数" v-model.number="num1">
<select v-model="opt">
<option >+</option>
<option >-</option>
<option >*</option>
<option >/</option>
</select>
<input type="text" placeholder="请输入第二个数" v-model.number="num2">
<h3>结果:{
{num1}}+{
{num2}}={
{result}}</h3>
<button @Click="terms">计算</button>
</div>
<script>
var vm = new Vue({
el:"#app",
data(){
num1:0,
num2:0
最低0.47元/天 解锁文章
3784
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
