タイトルは次のように書き換えられます: Vue にインラインスタイルを追加するための CSS 変数

Question

コンポーネント内で CSS 変数を使用し、setup() setup(props){constprogressBar=PositionService.getProgressBar(props.position);constprogressWidth=`${progressBar}%`; で計算されたデータに基づいて div の幅を設定します。 .. return{...,progressWidth};} 次に、この変数を CSS 変数として使用します。 &l

P粉576184933 · Answer

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

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

に追加します。リーリーリーリー