vue clickイベント現在の要素プロパティの取得

983 ワード
Vueは$eventオブジェクトを渡すことができます

  
    
    
  •        
    • 
    
  • li2
    • 
    
  • li3
    • 
  

  
   new Vue({
       el: '#app',
       data: {
        message: 'Hello Vue.js!'
       },
       methods: {
        say: function(msg, event) {
           //            
           var el = event.currentTarget;
           alert("       ："+el.innerHTML);
        }
    }
   })

CurrentTarget:currentTargetイベント属性は、現在イベントを処理している要素、ドキュメント、またはウィンドウであるリスナーがイベントをトリガーするノードを返します.
一般的に言えば、クリックイベントがどの要素にバインドされているのか、currentTargetが取得したのはどの要素なのかということです.
Eventオブジェクトの互換性の書き方
//eventオブジェクト互換性書き方event|(event=window.event);//target互換型書き方eventを取得する.target||event.SrcElement//ブラウザのデフォルトの動作互換性の書き方をブロックevent.preventDefault ? event.preventDefault() : (event.returnValue = false);//泡を止めるstopPropagation ? event.stopPropagation() : (event.cancelBubble = true);
転載先:https://www.cnblogs.com/midnight-visitor/p/9800045.html
vueリストセット内のmapのプロパティを取得する方法
vue config構成の詳細