Breaking News: Grepper is joining You.com. Read the official announcement!

call a function of another component vue

Add Answer

Zalven answered on September 1, 2021 Popularity 10/10 Helpfulness 3/10

answer call a function of another component vue

related how to call function from another component in vue js

related Vue 3 call method from another component

call a function of another component vue

Comment

    ....
    mounted() {
        this.$root.$on('component1', () => {
            // your code goes here
            this.c1method()
        }
    }

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: call function javascript

Link to this answer
Share Copy Link

Contributed on Sep 05 2021

Zalven

0 Answers Avg Quality 2/10

Closely Related Answers

how to call function from another component in vue js

Comment

Vue.component('component1', {
  methods: {
    c1method: function(){
     alert('this is c1method')
    },
  }
})
Vue.component('component2', {
  methods: {
    c2method: function(){
     component('component1').c1method()//like this
    },
  }
})

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Arrogant Addax

0 Answers Avg Quality 2/10

Vue 3 call method from another component

Comment

  // Register plugin to provide $externalMethods for components
  app.use({
    methods: {},
    install(app) {
      app.config.globalProperties.$externalMethods = {
        set: (method, func) => this.methods[method] = func,
        call: (method, ...args) => this.methods[method](...args)
      }
    }
  });

  app.component('button1', {
    template: '#test-button',
    methods: {
      click(event, text) {
        console.log(text || 'Button 1 default click')
      }
    },
    mounted: function () {
      console.log(this);
      // Register global function
      this.$externalMethods.set('button1/click()', this.click)
    }
  });

  app.component('button2', {
    template: '#test-button',
    methods: {
      click(event) {
        // Call global function
        this.$externalMethods.call('button1/click()', event, 'Hello from Button 2')
      }
    }
  });

Popularity 1/10 Helpfulness 1/10 Language html

Source: pastebin.com

Tags: call html

Link to this answer
Share Copy Link

Contributed on Dec 19 2021

Disturbed Dove

0 Answers Avg Quality 2/10

call a function of another component vue

Contents

More Related Answers

call a function of another component vue

Closely Related Answers

how to call function from another component in vue js

Vue 3 call method from another component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.