How do I execute a method from within a vue.js component

Question

I would like to call function b from inside function a in a vue.js component

This is the code I have

   methods:{
      a(){ 
            console.log("a")
            b();
       }
      b(){
           console.log("b")
       }
    }

Kapitan Teemo · Accepted Answer · 2018-10-19 09:50:27Z

1

you can do it by adding this before your function: this.yourFunction

export default{
    data(){
        return{
            data1: 1,
            data2: 1
        }
    },
    methods:{
        a(){
            if(this.data1 == this.data2){
                this.b(); //call b() function
            }
        },
        b(){
            //do something
        },
    }
}

you can also do the same to use your data() variables

answered Oct 19, 2018 at 9:50

Kapitan Teemo

2,1641 gold badge15 silver badges26 bronze badges

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

2 Comments

Tested Over a year ago

you can also do the same to use your data() variables --means? can u please provide eg

Kapitan Teemo Over a year ago

inside the if, I used data1 and data2

Hamzeh Salhi · Accepted Answer · 2018-10-19 10:25:58Z

0

Use this it will solve the problem.

 methods:{
  a(){ 
        console.log("a")
        this.b();
   }
  b(){
       console.log("b")
   }
}

If you want to call it outside the method use this.method()

Documentation reference

answered Oct 19, 2018 at 10:25

Hamzeh Salhi

11

2 Comments

Tested Over a year ago

i just meant outside methods not outside the export or vue :)

Tested Over a year ago

ya u can doesnt matter if not marked just keeping posting it will help some or the other:)

Collectives™ on Stack Overflow

How do I execute a method from within a vue.js component

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related