`

Vue 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的方法(推荐)

    Vue 中实现外部调用 methods 的方法 在 Vue 中,经常会遇到需要在外部调用组件中的方法的情况,例如需要在 Java 后台的弹窗页面中调用 Vue 组件中的方法。为此,我们需要找到一种方式将组件中的方法传递到外部,使...

    vue 在methods中调用mounted的实现操作

    补充知识:vue中methods一个方法调用另外一个方法 vue在同一个组件内; methods中的一个方法调用methods中的另外一个方法 可以在调用的时候 this.$options.methods.test2(); this.$options.methods

    vue中实现methods一个方法调用另外一个方法

    在标题和描述中提到的场景,是在同一个Vue组件内,`methods`中的一个方法调用另一个方法。下面我们将详细讲解如何实现这一功能。 首先,让我们来看一个简单的例子: ```javascript new Vue({ el: '#app', data: ...

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

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

    在Vue methods中调用filters里的过滤器实例

    而methods则是Vue实例中的一个对象,用于定义方法。在某些情况下,我们可能需要在methods中调用定义在filters里的过滤器。本文将详细讲述在Vue实例的methods中如何调用定义在filters中的过滤器实例。 首先,需要...

    使vue实现jQuery调用的两种方法

    接下来,将详细介绍在Vue项目中实现jQuery调用的两种方法。 方法一:在webpage中引入jQuery 第一种方法是在整个webpage页面中引入jQuery,通过这种方式,jQuery的功能将在Vue项目中全局可用。具体步骤如下: 1. ...

    vuemethodspromise使vue方法支持promise

    `vue-methods-promise` 的核心理念是将传统的 Vue 方法转换为返回一个 Promise 对象,这样我们就可以利用 Promise 的链式调用来组织异步代码,使其更易于理解和管理。这个库通过简单的装饰器或插件机制,将 Vue 的 ...

    搭建vue项目配置信息和方法封装调用

    在实际操作中,我们可以在Vue实例的`methods`选项中定义这些通用方法,例如: ```javascript new Vue({ el: '#app', data: {}, methods: { sharedMethod: function() { // 共享的逻辑代码 } }, // ... }) `...

    vue 需求 data中的数据之间的调用操作

    另外,提到的“Vue方法之间相互调用作用域问题”通常是指在Vue组件的方法中,如何正确保持`this`的指向。在JavaScript中,`this`的指向取决于调用上下文。为了避免在回调函数或其他异步操作中丢失`this`,可以使用...

    详解VUE调用本地json的使用方法

    在上面的代码中,我们在`mounted`生命周期钩子中调用了`fetchData`方法,该方法使用`axios.get`发起一个GET请求,获取`ceshi.json`文件。成功获取数据后,将其赋值给`products`数组,然后可以在模板中使用`v-for`...

    外部js调用vue的方法附属附件

    然而,有时我们可能需要在非Vue环境中(即外部JavaScript文件)调用Vue应用中的方法,这种情况通常出现在与第三方库或者插件集成时。本教程将详细解释如何实现外部JS文件调用Vue实例中的方法。 首先,我们需要了解...

    vue 父组件中调用子组件函数的方法

    在Vue.js框架中,父子组件之间的通信是常见的需求,其中父组件调用子组件的方法是实现特定功能的重要方式。以下详细介绍Vue中父组件调用子组件函数的方法及其知识点。 首先,要理解Vue组件的定义与引用方式。一个...

    如何在Vue的父子组件之间传递数据和调用方法

    然鹅 在默认情况下 子组件中是无法访问到父组件中的data数据和methods中的方法的 父组件可在在引用的时候通过属性绑定(v-bind)的方式将将需要传递给子组件的数据传递给子组件 然后 在子组件中通过props属性进行定义...

    vue中子组件调用兄弟组件方法

    在 Vue 中,子组件调用兄弟组件方法是非常常见的需求,本文将介绍如何在 Vue 中实现子组件调用兄弟组件方法。下面我们将详细介绍这个问题。 为什么需要子组件调用兄弟组件方法? 在实际开发中,我们经常会遇到子...

    解决Vue watch里调用方法的坑

    这里是说watch调用methods里方法的时候,页面经常会报找不到方法 这个时候一定要在watch里去输出一下this, 看看this包裹的壳是不是多了好多层,所以找不到方法,虽然我到现在还没理解为啥有时候会出现一层或几层壳...

Global site tag (gtag.js) - Google Analytics