对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 15 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
vue-hook-form使用详解
Apr 07 Javascript
Vuex的初探与实战小结
Nov 26 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
js实现select下拉框选择
Jan 11 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 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 cli模式学习(PHP命令行模式)
2013/06/03 PHP
php发送短信验证码完成注册功能
2015/11/24 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
非常好的js代码
2006/06/27 Javascript
javascript脚本调试方法小结
2008/11/24 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
JS访问DOM节点方法详解
2016/11/29 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
详解vue 路由跳转四种方式 (带参数)
2019/04/28 Javascript
JS使用正则表达式判断输入框失去焦点事件
2019/10/16 Javascript
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
python 通过文件夹导入包的操作
2020/06/01 Python
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
会计自我鉴定范文
2013/10/06 职场文书
大学生就业自荐信
2013/10/26 职场文书
运动会获奖感言
2014/02/11 职场文书
迎元旦广播稿
2014/02/22 职场文书
历史专业大学生职业生涯规划书
2014/03/13 职场文书
2014年党支部学习材料
2014/05/19 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
vue ref如何获取子组件属性值
2022/03/31 Vue.js
Mysql表数据比较大情况下修改添加字段的方法实例
2022/06/28 MySQL