Découvrez comment obtenir la valeur de la propriété CSS.registerProperty()

Question

J'ai enregistré une propriété via la méthode CSS.registerProperty. Le problème est que lorsque je charge le même composant, une DOMException est levée car une telle propriété existe déjà.

Je cherche un moyen de savoir s'il existe une méthode getter pour une propriété similaire.

Exécuter dans un composant vue3.

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

Ceci est un message d'erreur ->

Answer 1

D'après le cahier des charges : https://drafts.css-houdini.org/css-properties-values-api/#registering-custom-properties

Pour autant que je sache, c'est exactement ainsi que Chrome procède. Il n’existe aucun mécanisme intentionnel conçu pour accéder à [[registeredPropertySet]]，所以您已经在使用可能是最好的可行方法：try / catch. Tout nom de propriété en conflit avec cette collection générera une erreur de syntaxe.