引用Vue中的DOM元素，js组件计算属性

Question

在Vue组件计算属性中。如何获取此方法启动的DOM元素的引用？

例如：

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

注意： 我在方法中打印了'this'，找不到任何可以帮助我的东西....

谢谢：）

Answer 1

您应该使用method而不是computed属性。

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>