私はこれをインラインのonClickから関数に渡そうとしています。私は愚かな間違いをしていることを知っています...しかし、私の脳は少し溶けています。リアクションパス(これ)onClick?
ここにはFIDDLEがあります。
handleClick() {
$('.nav-link').removeClass('active');
$(this).addClass('active');
}
私はこれをインラインのonClickから関数に渡そうとしています。私は愚かな間違いをしていることを知っています...しかし、私の脳は少し溶けています。リアクションパス(これ)onClick?
ここにはFIDDLEがあります。
handleClick() {
$('.nav-link').removeClass('active');
$(this).addClass('active');
}
多くの解決策が考えられます(そのうちの1つが参考情報を使用しています)。しかし、私は簡単な方法であなたのフィドルを編集した:
handleClick(e) {
$('.nav-link').removeClass('active');
$(e.target).addClass('active');
}
https://jsfiddle.net/mrlew/esn5sz5b/2/
をとにかく、私が代わりにjQueryの別のアプローチを示唆しています。反応を使用して、いくつかのロジックを持つアクティブなアイテムを手動で処理することができます。
ありがとうございます!私はそれが何か小さいことを知っていた:) –
これを行うにはjqueryを使用しないでください。コンポーネント状態を使用してアクティブなアイテムに関する情報を格納し、レンダリングする際に使用する方がよいでしょう。https://jsfiddle.net/euo2p1h2/1/ –