介绍 & lt; !DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,比;
& lt;元http-equiv=癤-UA-Compatible"内容=癷e=edge"比;
& lt; title> Vue
& lt;脚本src=? ./lib/vue-2.4.0.js"祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=癮pp"比;
& lt; !——数字一——比;
& lt;输入类型=皌ext"v模型=& # 39;n1 # 39;,占位符=?”的在
& lt; !——加减乘除——比;
& lt;选择v模型=& # 39;选择# 39;比;
& lt;选项值=?“比;+ & lt;/option>
& lt;选项值=安澄抛４? lt;/option>
& lt;选项值=?“祝辞* & lt;/option>
& lt;选项值=?白４?& lt;/option>
& lt;/select>
& lt; !——数字2——比;
& lt;输入类型=皌ext"v模型=& # 39;n2 # 39;,占位符=?”的在
& lt; !——等号——比;
& lt;输入类型=癰utton"=& # 39;价值=& # 39;比;
& lt; !——结果——比;
& lt;输入类型=皌ext"v模型=& # 39;结果# 39;,占位符=?”的在
& lt; !——确定按钮——比;
& lt;输入类型=癰utton"值=& # 39;结果& # 39;@click=& # 39; calc # 39;比;
& lt; !——归零——比;
& lt;输入类型=癰utton"=& # 39;价值归零& # 39;@click=& # 39;零度# 39;比;
& lt;/div>
& lt; script>
var vm=new Vue ({
el: & # 39; #应用# 39;//表示当前新的这个实例要控制页面上的那个区域
数据:{//数据属性存放着el中要用到的数据
n1: & # 39; & # 39;
n2: & # 39; & # 39;
结果:& # 39;& # 39;
选择:& # 39;+ & # 39;
}，
方法:{
钙(){//开关(this.opt) {//case & # 39; + & # 39;//这个。结果=方法(this.n1) +方法(this.n2)//中断;//case & # 39; & # 39;://这个。结果=方法(this.n1)方法(this.n2)//中断;//case & # 39; * & # 39;://这个。结果=方法(this.n1) *方法(this.n2)//中断;//case & # 39; & # 39;://这个。结果=方法(this.n1)/方法(this.n2)//中断;//}//简写
var codeStr=& # 39;方法(this.n1) & # 39; +。选择+ & # 39;方法(this.n2) & # 39;
这一点。结果=eval (codeStr)
}，
0 (){
这一点。n1=& # 39; & # 39;
这一点。n2=& # 39; & # 39;
这一点。=& # 39;结果& # 39;
这一点。选择=& # 39;+ & # 39;
}
}
}）
& lt;/script>
& lt;/body>
& lt;/html>
这篇文章主要介绍了vue-model实现简易计算器的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
感谢你能够认真阅读完这篇文章,希望小编分享vue-model实现简易计算器的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
