Vue.js 3 v-for により、Tailwind/Flowbite モーダル機能に問題が発生する

Question

v-for を使用して vue.js の for ループを通じて行が生成されるテーブルから tailwind パターンを呼び出そうとしていますが、パターンを呼び出すことができません。ただし、私が生成したテーブルには for ループがなく、問題なく動作します。これはコードです:

テーブルコード (v-for ループを使用)

リーリー

モーダルコード (for ループ/テーブルの外側)

リーリー

Answer 1

あなたのシナリオでは、data-modal-toggle は必要ないと思います。代わりに、ビューモーダルでモーダルをオンにしてみてください。

リーリー

詳細な実装はここで確認できます: https://flowbite.com/docs/components/modals/#example