对vue中methods互相调用的方法详解


Posted in Javascript onAugust 30, 2018

如下所示:

最近在学习vue,并用vue+vue-router+axios+elementUI做了一个pos收银系统的前端页面,但是中间遇到methods里的方法调用问题。本身源码是没有调用的,但是我想直接调用多方便,结果出错了……然后百度了一波,终于解决了~ 分享并做个笔记。

delAllOrderList:function(goods) {
   this.tableData = [];
   this.totalCount = 0;
   this.money = 0;
  },
checkout:function(){
   if(this.totalCount != 0){
    this.tableData = [];
    this.totalCount = 0;
    this.money = 0;
    this.$message({
     message:'结账成功!',
     type:'success'
    })
   }
  }

上面的代码块里,checkout方法里的代码和delAllOrderList里的一模一样,可以使用

this.$options.methods.delAllOrderList.bind(this)();

来替换。

checkout:function(){
   if(this.totalCount != 0){
    this.$options.methods.delAllOrderList.bind(this)();
    this.$message({
     message:'结账成功!',
     type:'success'
    })
   }
  }

以上这篇对vue中methods互相调用的方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用js实现小球的自由移动代码
Apr 22 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
Jan 23 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
Dec 09 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
一步步教你利用Docker设置Node.js
Nov 20 Javascript
详解vue的数据劫持以及操作数组的坑
Apr 18 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 #Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
Aug 30 #Javascript
解决jQuery使用append添加的元素事件无效的问题
Aug 30 #jQuery
jsonp跨域及实现百度首页联想功能的方法
Aug 30 #Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 #Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 #Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 #Javascript
You might like
十天学会php之第八天
2006/10/09 PHP
用windows下编译过的eAccelerator for PHP 5.1.6实现php加速的使用方法
2007/09/30 PHP
写php分页时出现的Fatal error的解决方法
2011/04/18 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
2017/04/11 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
2017/12/28 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
总结python爬虫抓站的实用技巧
2016/08/09 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
降低python版本的操作方法
2020/09/11 Python
Python join()函数原理及使用方法
2020/11/14 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
Vans奥地利官方网站:美国原创极限运动潮牌
2018/09/30 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
面向对象设计的原则是什么
2013/02/13 面试题
离婚协议书怎么写2014
2014/09/30 职场文书
协议书范文
2015/01/27 职场文书
华山导游词
2015/02/03 职场文书
详解nodejs内置模块
2021/05/06 NodeJs
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏