vue中使用return的值到标签属性以后怎么转data值？

Question

vue中使用return 出的值怎么设置到标签属性值中

例如 demo(){return 'imgUrl'}

标签中：<img :src="demo">

在 data中有'imgUrl'

怎么样达到选中的是data中的'imgUrl'值？

Answer 1

<template>
  <div>
    <img :src="$data[demo()]" />
  </div>
</template>

<script>
export default {
  data() {
    return {
        imgUrl:'xxxxx'
    };
  },
  methods: {
      demo() {
          return 'imgUrl'
      }
  },
};
</script>

Answer 2

没理解这是什么需求，:src直接取imgUrl不行？为什么要多此一举？

<template>
  <div>
    <img :src="demo()" />
  </div>
</template>

<script>
export default {
  data() {
    return {
        imgUrl:'xxxxx'
    };
  },
  methods: {
      demo() {
          return this.imgUrl
      }
  },
};
</script>