javascript-是否可以将方法嵌套在Vue.js中以便对相关方法进行分组？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-是否可以将方法嵌套在Vue.js中以便对相关方法进行分组？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1113字，纯文字阅读大概需要2分钟。

内容图文

我想将我的一些Vue.js方法组合在一个“子方法”类中,但是我似乎只能使用单级方法.

例如,如果我想拥有一组完全处理按钮动作的方法：

new Vue({

    el: '#app',

    data: { },

    methods: {

        buttonHandlers: {

            handler1: function() {
                dosomething;
            },

            handler2: function() {
                dosomething;
            }

        }

    }

});

我希望能够再使用类似的东西：

<button v-on:click="buttonHandlers.handler1">Click Me</button>

但是什么也没发生.

我试图通过添加方括号来强制功能运行：

<button v-on:click="buttonHandlers.handler1()">Click Me</button>

但我收到此控制台错误：

未捕获的TypeError：scope.buttonHandlers.handler1不是函数

我设置了一个小的https://jsfiddle.net/ozx9oc4c/来演示我的意思.

如果有人知道在Vue.js的父方法下对函数进行逻辑分组的方法,而不是没有真正结构的单层方法的页面和页面,我将不胜感激.

解决方法:

我要做的最接近的事情是将父级声明为一个函数,并返回带有一组方法的对象.

例：

new Vue({

  el: '#app',

  data: {},

  methods: {

    buttonHandlers: function() {
      var self = this; // so you can access the Vue instance below.

      return {

        handler1: function() {
          dosomething;
          self.doSomething();
        },

        handler2: function() {
          dosomething;
        },

      },

    }

  }

});

您可以调用如下方法：

<button @click="buttonHandlers().handler1()">Click Me</button>

内容总结

以上是互联网集市为您收集整理的javascript-是否可以将方法嵌套在Vue.js中以便对相关方法进行分组？全部内容，希望文章能够帮你解决javascript-是否可以将方法嵌套在Vue.js中以便对相关方法进行分组？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---