Verweis auf DOM-Element in Vue, js-Komponente berechnete Eigenschaft

Question

Innerhalb einer Vue-Komponente berechnete Eigenschaft. Wie bekomme ich einen Verweis auf das DOM-Element, von dem diese Methode initiiert wurde?

zum Beispiel:

<template> 
 
    <img :src="getUrl" class="image1"/> 
 
    <img :src="getUrl" class="image2"/> 
 
</template> 
 

 
<script> 
 
    export default { 
 
    computed: { 
 
     getUrl() { 
 
     //reference to the DOM element and get the className.. 
 
     switch(className) { 
 
      case 'image1': 
 
      //code.. 
 
      break 
 
      case 'image2': 
 
      //code... 
 
      break 
 
     } 
 
     } 
 
    } 
 
    } 
 
</script>

HINWEIS: Ich drucke die 'this' in der Methode und konnte nicht nichts finden, das hier kann mir helfen, über ....

danke :)

Answer 1

Sie sollten Methode anstelle der berechneten Eigenschaft verwenden.

methods : { 
    getUrl(className){ 
    switch(className) { 
     case 'image1': 
     //code.. 
     break 
     case 'image2': 
     //code... 
     break 
    } 
    } 
} 

<template> 
    <img :src="getUrl('image1')" class="image1"/> 
    <img :src="getUrl('image2')" class="image2"/> 
</template>