タイトルは次のように書き換えられます: Vue にインライン スタイルを追加するための CSS 変数
P粉421119778
P粉421119778 2023-12-31 12:51:41
0
1
454

コンポーネント内で CSS 変数を使用し、setup() で計算されたデータに基づいて div の幅を設定します

リーリー

次に、この変数を CSS 変数として使用します。

リーリー

ページをレンダリングするときに、インライン スタイルが HTML 親コンポーネントに追加されていて、

が発生していることに気付きました。 リーリー

CSP はインライン スタイルをブロックするため、この方法は機能しません。 インラインスタイルを使用せずにCSS変数を使用するにはどうすればよいですか?

P粉421119778
P粉421119778

全員に返信(1)
P粉576184933

これはハック的な解決策ですが、インライン スタイルがないため、これが私が考える唯一の方法です。

「スタイル」コンポーネントをテンプレートに追加します。これは、DOM 内の タグに置き換えられます。コンポーネント内で、必要な CSS 変数を :root

に追加します。 リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!