觸發兄弟方法VUE JS

我無法弄清楚如何在一個組件引發兄弟方法觸發兄弟方法VUE JS

我有一個方法，像這樣的

methods: { 
     closeModal: function(){ 
      function closeM(){ 
       $('.modal').css({opacity: 0 , 'visibility':'hidden'});  
      } 
      closeM(); 
     }, 

     closeOutside: function(){ 
      $(document).mouseup(function (e){ 
      var container1 = $('.modal__box'); 
      if (!container1.is(e.target) && 
      container1.has(e.target).length === 0) 
       { 
       this.$emit('closeModal',closeM()); 
       } 
      });  
     } 
    }

我的模板

    <div class="modal" @click="closeOutside()"> 
         <div class="modal__box z-depth-2 pr"> 
          <div class="modal__header"> {{header}} </div> 
          <i class="modal__close pa fa fa-times" @click="closeModal() "> </i> 
          <div class="modal__content"> 
           <slot> </slot> 
          </div> 
         </div> 
       </div>

我無法觸發closeModal，我錯過了什麼？即時通訊有點新vue js，爲什麼它不工作？謝謝！

來源

2017-06-20 clarkoy

取代你的意思是，你不能調用從''closeOutside' closeModal'？ – Bert

是的，我想觸發closeModal的功能 – clarkoy

在Vue中，您的所有方法都將綁定到this，就像任何數據一樣，並進行計算。所以你可以使用this.closeModal()

編輯：我創建了一個小提琴，可以幫助你入門。警告：這是您當前解決方案的完整返工，但是它正在以'vue'的方式進行。
我也是vue的新手，所以請隨時改進。

https://jsfiddle.net/DarkFruits/gr0j9s6x/

來源

2017-06-20 05:03:39

我已經做到了，沒有任何事情發生 – clarkoy

this.$emit('closeModal',closeM());

與

this.$emit('closeModal',this.closeModal());

來源

2017-06-20 07:28:50

觸發兄弟方法VUE JS

回答

相關問題