Vueのコンポーネントを実装するカスタムイベント

カスタムイベントは、本質的に親コンポーネントサブアセンブリから転送され

1、サブコンポーネント、$ EMITによってトリガクリッククリックイベント、(...)カスタムでのトリガイベントのdefclickの親コンポーネント


        { clickHandle(){ 。発するこの$( 'defclick') 
        } 
    } 
} 
</ SCRIPT>

            

サブアセンブリから2、親コンポーネント、受信情報

<テンプレート> 
  の<divのid = "アプリ"> 
    <アラートタイプ= "成功"タイトル= "这是一段成功提示的信息" @ defclick = 'clickHandle' /> 
    <警告@ defclick = "clickHandle" /> 
  </ divの> 
</テンプレート> 

<スクリプト> 
'@ /コンポーネント/警告'からの輸入警告

輸出デフォルト{ 
  名: 'アプリケーション'、
  コンポーネント:{ 
    警告
  }、
  メソッド:{ 
    clickHandle(){ 
      はconsole.log( 'テスト')
    } 
  } 
} 
</ SCRIPT>

 

おすすめ

転載: www.cnblogs.com/tangzhi/p/12643829.html