javascript - vue.js を使用して効果を実現します: li をクリックし、現在のクリック li の HTML 値を取得し、パラメータ this がウィンドウ オブジェクトになりますか?

Question

達成される効果:

• li をクリックして、現在クリックされている li の HTML 値を取得します。

メインコード

リーリー

問題の説明:

li をクリックした後に渡された this は、li オブジェクトではなく window オブジェクトとして出力されるため、オブジェクトが見つかりません。現在の li オブジェクトを js に渡すにはどうすればよいですか?

Answer 1

ドキュメントを注意深く読んでください...これらの不可解な使用法について推測しないでください。

インライン イベントが元のイベント オブジェクトにアクセスする必要がある場合は、それに $event パラメータを追加するだけです。このように:

リーリー

電流を取得する必要がありますli标签的对象，读取事件对象下的currentTarget属性就行了，即event.currentTarget。

Answer 2

リーリー リーリー

Answer 3

ref 属性を li に追加し、メソッド内の this.$refs を通じて dom ノードを取得します

Answer 4

可能なテスト:

リーリー リーリー