Bootstrap ポップオーバーを使用して、ユーザー情報を表示するホバー カードを作成しています。ボタンのマウスオーバーでトリガーしています。ポップオーバー自体がホバーされている間、このポップオーバーを生かしておきたいのですが、ユーザーがボタンの上にホバーするのをやめるとすぐに消えます。これどうやってするの？

私はここの初心者で、現在 Web アプリケーションを開発しています。私の状況は、この Bootstrap コア javascript ソースを使用していた数か月間で、突然今日、コンソールにエラーが表示され、それを解決する方法がまったくわからず、Web アプリケーションページに影響を与えて台無しにしています。

これは私が使用しているBootstrap jsソースです

これは、Web コンソールからのエラーのイメージです。

まったく新しいangular-cliプロジェクトを作成し、以下のように.angular-cli.jsonの関連部分を
実行npm install bootstrap@4.0.0-beta jquery popper.js --save
して変更しました

ただし、以下のエラーを受け取ります

それを修正する方法はありますか？

Vue.js クリック イベントをアタッチするボタンがある次の Popper.js ポップアップがあります。

ただし、クリック イベントはポップアップの外では機能しますが、ポップアップでは機能しません。

changeText()ポップアップ内でも作業するにはどうすればよいですか?

https://jsfiddle.net/edwardtanguay/jxs5nmxs

HTML:

JavaScript:

補遺:

• ポップオーバーをフックとしてロードしてもmounted、ポップアップの外側でのみ機能し、内側では機能しません: https://jsfiddle.net/edwardtanguay/3seu8Lbw

• Vue.js HTML を popper.jstemplateパラメータに含めても機能しません: https://jsfiddle.net/edwardtanguay/uaf5wjtn/