对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 相关文章推荐
JQuery Study Notes 学习笔记(一)
Aug 04 Javascript
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
js实现开启密码大写提示
Dec 21 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
Jan 05 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
Element-UI中Upload上传文件前端缓存处理示例
Feb 21 Javascript
JavaScript多种滤镜算法实现代码实例
Dec 10 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
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
正则表达式语法
2006/10/09 Javascript
在IIS上安装PHP4.0正式版
2006/10/09 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
js注意img图片的onerror事件的分析
2011/01/01 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
vuejs如何配置less
2017/04/25 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
vue实现简单全选和反选功能
2020/09/15 Javascript
Python操作CouchDB数据库简单示例
2015/03/10 Python
Python3访问并下载网页内容的方法
2015/07/28 Python
Python如何对齐字符串
2020/07/30 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
原生 JS+CSS+HTML 实现时序图的方法
2019/07/31 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
自我鉴定模板
2013/10/29 职场文书
优秀毕业生推荐信
2013/11/02 职场文书
缓刑人员的思想汇报
2014/01/11 职场文书
青春励志演讲稿
2014/04/29 职场文书
2014幼儿园保育员工作总结
2014/11/10 职场文书
干部年终考核评语
2015/01/04 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
如何写观后感
2015/06/19 职场文书
素质教育培训心得体会
2016/01/19 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书