“Vue 3 Call Méthode d'un autre composant” Réponses codées

Appelez une fonction d'un autre composant Vue

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

Vue 3 Call Méthode d'un autre composant

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

Comment appeler la fonction à partir d'un autre composant de Vue JS

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

Réponses similaires à “Vue 3 Call Méthode d'un autre composant”

Questions similaires à “Vue 3 Call Méthode d'un autre composant”

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code