使用点运算符加载图像

Question

我想使用点运算符加载图像。

将此作为我的图片网址

  <img src={{GET_PROFILE_DATA.googleProfileData.fullName}} alt="profile" class="home-screen-profile-image">

注意在这里看起来很奇怪的src

src={{GET_PROFILE_DATA.googleProfileData.fullName}} 

这是来自

<script>
import { mapGetters } from "vuex";
export default {
  name: "Profile",
  computed: {
    ...mapGetters(["GET_PROFILE_DATA"])
  }
};
</script>

[问题：] 如何使用点运算符加载图像？

Answer 1

您需要使用src或:src="property" 绑定 v-bind:src="property"到您的媒体资源：

  <img :src="GET_PROFILE_DATA.googleProfileData.fullName" alt="profile" class="home-screen-profile-image">

（注意：没有大括号）

有关更多详细信息，请参见Vue Documentation。