Erfahren Sie, wie Sie den Eigenschaftswert von CSS.registerProperty() abrufen
P粉293341969
P粉293341969 2024-03-30 22:12:33
0
1
369

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 ->

P粉293341969
P粉293341969

Antworte allen(1)
P粉715228019

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

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage