/Html/Vue 3 call method from another component

Vue 3 call method from another component

  // 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')
      }
    }
  });

Source: pastebin.com

Similar codes

0 vote285 views2 answers
Html.raw to list model
Html
0 vote279 views1 answer
Html5 fonts
Html
2 votes279 views1 answer
Blade show text with html tag
Html
0 vote287 views1 answer
How to add link on bar for google bar chart
Html
22 votes298 views3 answers
Open page with html
Html
3 votes278 views3 answers
Bootstrap 4 vertical tabs responsive
Html
1 vote258 views1 answer
Jyml toggle checkbox text
Html
-1 vote261 views1 answer
<html> <frameset cols ="50%,50%"> <frame src ="vate.html"> </frame> <frame scr ="abosamra.html"> </frame> </frameset> </html>
Html
3 votes277 views2 answers
How to align elements horizontally in css
Html
-1 vote276 views1 answer
Bootsrap link
Html