Erfahren Sie, wie Sie den Eigenschaftswert von CSS.registerProperty() abrufen

Question

Ich habe eine Eigenschaft über die CSS.registerProperty-Methode registriert. Das Problem besteht darin, dass beim Laden derselben Komponente eine DOMException ausgelöst wird, da eine solche Eigenschaft bereits vorhanden ist.

Ich suche nach einer Möglichkeit herauszufinden, ob es eine Getter-Methode für eine ähnliche Eigenschaft gibt.

Führen Sie eine vue3-Komponente aus.

onMounted( () => {
  try {
      window.CSS.registerProperty({
    name: "--num",
    syntax: "<integer>",
    inherits: false,
    initialValue: 0,
  });
  } catch (error) {
    if(error instanceof DOMException){
      console.log(error)
    }
  }
}

Dies ist eine Fehlermeldung ->

Answer 1

来自规范： https://drafts.css-houdini.org/css-properties-values-api/#registering-custom-properties

据我所知，这正是Chrome的实现方式。没有任何有意的机制设计用于访问[[registeredPropertySet]]，所以您已经在使用可能是最好的可行方法：try / catch。与该集合冲突的任何属性名称都将抛出语法错误。