Chain js function and then method in vue.js

Question

Within a Vue component, I am calling a function from a separate JS file. I then need to call a method in my component just after this first function is completed:

My .vue component:

import myFunction from '@/components/functions';

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

My separate functions.js file:

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

I tried several things such as the last one shown in my code which gives me a

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

I am sure it is not that complicated but can not find the correct syntax.

thezachcannon · Accepted Answer · 2018-09-12 04:44:57Z

1

The function in your other file could return a Promise or it can except a callback from your view component. Also, if you set this equal to self/vm and then use vm.method2(), this is because in the then callback this is defined in scope of that function not the Vue component.

answered Sep 12, 2018 at 4:44

thezachcannon

1212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Chain js function and then method in vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related