CSS.registerProperty() のプロパティ値を取得する方法を学習します。

Question

CSS.registerProperty メソッドを使用してプロパティを登録しました。問題は、同じコンポーネントをロードすると、そのようなプロパティがすでに存在するために DOMException がスローされることです。

同様のプロパティのゲッターメソッドがあるかどうかを確認する方法を探しています。

vue3 コンポーネントで実行します。

リーリー

これはエラーメッセージです -> DOMException: 'CSS' で 'registerProperty' の実行に失敗しました: 指定された名前はすでに登録されています。

P粉715228019 · Answer

仕様より: https://drafts.css-houdini.org/css-properties-values-api/#registering-custom-properties

私の知る限り、これはまさに Chrome の実装方法です。 [[registeredPropertySet]] にアクセスするように設計された意図的なメカニズムはないため、おそらく最善のアプローチである try/catch をすでに使用しています。このコレクションと競合するプロパティ名があると、構文エラーがスローされます。