对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判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
Apr 07 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
超全面的JavaScript开发规范(推荐)
Jan 21 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
vue的滚动条插件实现代码
Sep 07 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
原生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大转盘中奖概率算法实例
2014/10/21 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
PHP中overload与override的区别
2017/02/13 PHP
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
2015/04/07 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
使用AngularJS2中的指令实现按钮的切换效果
2017/03/27 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
js实现简单点赞操作
2020/03/17 Javascript
vue制作抓娃娃机的示例代码
2020/04/17 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
Python中实现结构相似的函数调用方法
2015/03/10 Python
Python中用于返回绝对值的abs()方法
2015/05/14 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Python排序搜索基本算法之插入排序实例分析
2017/12/11 Python
使用python爬虫实现网络股票信息爬取的demo
2018/01/05 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python 按不同维度求和,最值,均值的实例
2018/06/28 Python
Python 学习教程之networkx
2019/04/15 Python
Python实现微信表情包炸群功能
2021/01/28 Python
html5 Canvas画图教程(1)—画图的基本常识
2013/01/09 HTML / CSS
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
澳大利亚商务邀请函
2014/01/17 职场文书
四个太阳教学反思
2014/02/01 职场文书
课内比教学心得体会
2014/09/09 职场文书
公司收款委托书范本
2014/09/20 职场文书
应聘教师自荐信
2015/03/26 职场文书
告知书格式
2015/07/01 职场文书
校运会新闻稿
2015/07/17 职场文书
2015高中教师个人工作总结
2015/07/21 职场文书