使用点运算符加载图像

Question

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

这是我的形象url

  <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="property" 或 v-bind:src="property":

绑定 src 到您的属性

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

（注意：没有花括号）

有关详细信息，请参阅 Vue Documentation。

使用点运算符加载图像

Loading Image using Dot operator

javascript

vue.js