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

Question

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

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

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

リーリー

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

Answer 1

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

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