第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何將事件從 vue 插件發(fā)送到 vue 主應(yīng)用

如何將事件從 vue 插件發(fā)送到 vue 主應(yīng)用

慕森卡 2022-08-04 10:10:56
假設(shè)我有一個(gè)簡單的Vue插件:插件.jsexport default {  install(Vue) {    if (this.installed) {      return;    }    this.installed = true;    Vue.prototype.$myPlugin = {      newEvent: () => {        this.$emit('new-event-from-plugin'); // <-- does not work :(      }    };  }}我想在我的主Vue應(yīng)用程序上使用它:App.vue<template>  <div>My app</div></template><script>export default {  name: 'app',  created() {    this.$on('new-event-from-plugin', () => {      console.log('is it working?');    });  },  mounted() {    this.$myPlugin.newEvent();  }}</script>假設(shè)我已正確注冊(cè)插件,如何從插件發(fā)出事件并在主應(yīng)用程序上收聽?我也嘗試過使用:Vue.prototype.$emit(); Vue.$root.$emit();
查看完整描述

2 回答

?
幕布斯6054654

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊

Vue.prototype.$myPlugin = function () {  

  return { 

    newEvent: function () { 

     this.$emit('new-event-from-plugin'); 

    }.bind(this) 

  };

然后像這樣使用它


this.$myPlugin().newEvent()


查看完整回答
反對(duì) 回復(fù) 2022-08-04
?
Smart貓小萌

TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊

在Vuejs中,當(dāng)我們想要發(fā)出帶有事件的特定值并在父組件中偵聽事件時(shí),我們使用該事件。實(shí)際上,我們?cè)?vue 組件中玩,你想從插件中發(fā)出一個(gè)事件.js!$emit()$emit()


我建議你使用 pubsub.js。這是有用和驚人的庫,為您的自定義偵聽器。


你可以像這樣使用它:


import PubSub from 'pubsub-js';


export default {

  install(Vue) {

    if (this.installed) {

      return;

    }


    this.installed = true;

    

    PubSub.publish('new-event-from-plugin');

  }

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>


<template>

  <div>My app</div>

</template>


<script>

import PubSub from 'pubsub-js';


export default {

  name: 'app',


  created() {

    PubSub.subscribe('new-event-from-plugin', () => {

      console.log("it's worked!");

    });

  }

}

</script>


查看完整回答
反對(duì) 回復(fù) 2022-08-04
  • 2 回答
  • 0 關(guān)注
  • 150 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)