链式js函数以及vue.js中的方法

时间:2018-09-12 04:39:45

标签: javascript vue.js ecmascript-6

在Vue组件中,我正在从单独的js文件中调用函数。 然后,我需要在第一个函数完成后立即在组件中调用方法:

我的.vue组件:

import myFunction from '@/components/functions';

export default {
  name: 'test',
  components: {
    myFunction,
  },      
  created(){
    if (....) {      
      myFunction.function1(myParam)          
        .then((response) => {
        this.method2();
       });         
  },  
  methods:{
    method2(){
      something;     
    },
  }
};

我单独的functions.js文件:

export default {
  function1(myParam) {
    ...
    return true;
  },
};

我尝试了几件事,例如代码中显示的最后一个,这给了我

.function1(...).then is not a function

我确定它不是那么复杂,但是找不到正确的语法。 谢谢您的帮助

S。

1 个答案:

答案 0 :(得分:1)

另一个文件中的函数可能返回Promise,也可能会返回视图组件中的回调。另外,如果将其设置为self / vm,然后使用vm.method2(),这是因为在then回调中,它是在该函数的范围内而不是在Vue组件中定义的。