1.使用方法methods
1.1在html中用div定义两个输入，使用两个v-model绑定输入的两个输入值，option实现下拉框，用来选择加减乘除，并用number改变输入值为数字类型。
1.2添加按钮并设置点击事件。
1.3写methods方法内容：使用switch语句，根据opt变量的不同会执行加减乘除中的一种，直接将结果给result。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/vue.js">
</script>
</head>
<body>
<!-- 设置div -->
<div id="app">
<!-- 添加输入框并使用V-model进行绑定 -->
<input type="text" placeholder="请输入" v-model.number="number1" />
<!-- 设置选择器 -->
<select v-model="opt">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" placeholder="请输入" v-model.number="number2" />
<!-- 添加按钮并设置点击事件 -->
<button @click="change">计算</button><br />
<br />
{
{result}}
</div>
</body>
<!-- 设置js -->
<script type="text/javascript"
最低0.47元/天 解锁文章
1896
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
