当前位置: 首页 > news >正文

成都住建局官网平台seo专业课程

成都住建局官网平台,seo专业课程,网站备案密码怎么找回,百度seo新站优化在这个案例中,我们使用v-model分别双向绑定了n1、n2操作数,op操作选项和result计算结果,同时用绑定了等号按钮事件。 由于是双向绑定,当input和select通过外部输入内容时,vm内部的数值也会改变,所以calcula…

         在这个案例中,我们使用v-model分别双向绑定了n1、n2操作数,op操作选项和result计算结果,同时用@绑定了等号按钮事件。

        由于是双向绑定,当input和select通过外部输入内容时,vm内部的数值也会改变,所以calculate只计算内部这些变量就可以得到正确的结果。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>VueBaseCode</title><script src="./lib/vue.js"></script>
</head><body><div id="app"><input type="text" v-model="n1"><select v-model="op"><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" v-model="n2"><input type="button" value="=" @click="calculate"><input type="text" v-model="result"></div><script>var vm = new Vue({el: '#app',data: {n1: 0,n2: 0,op: "+",result: 0},methods: {calculate() {switch (this.op) {case "+":this.result = parseInt(this.n1) + parseInt(this.n2)break;case "-":this.result = parseInt(this.n1) - parseInt(this.n2)break;case "*":this.result = parseInt(this.n1) * parseInt(this.n2)break;case "/":this.result = parseInt(this.n1) / parseInt(this.n2)break;}}}});</script>
</body></html>

         其实这里calculate方法也可以简写一下:

calculate() {this.result = eval(this.n1 + this.op + this.n2);
}

        附:eval()函数接受一个字符串作为参数,并将这个字符串作为JavaScript代码来执行,可以用于用户动态输入执行代码或用于动态生成的代码段的执行,其执行的代码会在当前作用域中运行,这意味着它可以访问和修改当前作用域中的变量,其问题主要包含三个方面,1、又代码注入风险。2、性能差一些。3、可读性和维护性差一些。

http://www.dinnco.com/news/35124.html

相关文章:

  • wordpress win主题天津抖音seo
  • 未备案网站 赚钱推广平台排行榜
  • 住房和城乡建设管理委员会网站营销官网
  • 重庆网站房地产百度账号登陆
  • 中国室内设计联盟登录搜索引擎优化的核心本质
  • 站酷设计网站官网入网址推荐
  • 做 英语试题的网站torrentkitty磁力官网
  • 在线流程图网站怎么做推广通
  • 网站开发工作总结电商运营公司简介
  • 因酷西安网站建设公司怎么样国内重大新闻
  • 天津大寺网站建设泉州关键词搜索排名
  • 番禺区网站建设seo网站排名优化服务
  • windows做网站服务器充电宝seo关键词优化
  • 广西高端网站建设公司长沙百度搜索排名优化
  • 那些免费网站做推广比较好上海最新政策
  • asp 网站后台阿里云模板建站
  • 云南网站建设的步骤女教师遭网课入侵直播录屏曝光8
  • 网站建设时怎么附加数据库优化设计
  • 怎么在网站做推广北京优化seo
  • 长沙网站设网络推广怎么收费
  • 有了网站源码怎么建站百度客服中心电话
  • 做国内电影网站赚钱不关键词挖掘工具爱站网
  • 中国黄页免费版seo站长工具平台
  • 茂名做网站seo系统是什么
  • 东莞高端网站定制搜索引擎营销的典型案例
  • 武汉北京网站建设网络推广计划方案
  • 怎么有自己公司网站域名谷歌手机版下载安装
  • 用织梦模板怎么做动态网站网络推广的概念
  • 网站开发软件公司百度自动优化
  • ps怎么做网站图片seo资讯