問題タブ [headless-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
next.js - ボタンには均一なパディングがありません
私はヘッドレス UI タブ コンポーネントを使用しており、以下のコードのようにボタンにパディングを追加すると、すべてのボタンに均一なパディングが期待されますが、ここにいくつかの問題があるようです。
ヘッドレス UI タブ コンポーネント:
結果：
考えられる原因:
ボタンのパディングがヘッドレス UI によって 2 回レンダリングされているようです。それ以外の場合、ボタン自体に必要なパディングがあります。
また、それが役立つ場合は、.babelrc.js を追加し、ツイン マクロを機能させるために _document.js を更新しました。
.babelrc.js
_document.js
どんな助けや提案も大歓迎です
編集:ボタンをdivに変更すると、問題が解決しました。どのように解決したかはまだよくわかりませんが、
vue.js - Nuxt 3 プロジェクトで @headlessui/vue を実行するには?
@headlessui/vueNuxt3 プロジェクトでパッケージを実行しようとしています。
node_modulesフォルダ内のパッケージを見ることができます。
しかし、私はエラーを下回っています
Internal server error: Failed to resolve import "@headlessui/vue" from "components/LeftSideFilter.vue". Does the file exist?
LeftSideFilter.vue ファイルのコード