使用点运算符加载图像

安妮123

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

将此视为我的图片网址

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

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

塞巴斯蒂安

您需要使用绑定 src到您的属性:src="property"v-bind:src="property"

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

(注意:没有花括号)

有关更多详细信息,请参阅Vue 文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用点运算符进行目录重定向的含义

来自分类Dev

使用点运算符进行目录重定向的含义

来自分类Dev

使用点运算符调用javascript函数

来自分类Dev

使用>>运算符

来自分类Dev

是否允许使用点运算符(连续方法调用而不是 ?点运算符的这种用法称为

来自分类Dev

使用$ In运算符查询并限制加载的数据量

来自分类Dev

为什么在结构数组中使用点运算符(。)而不是箭头运算符(->)作为函数参数?

来自分类Dev

JavaScript中的点运算符

来自分类Dev

Haskell中的点运算符

来自分类Dev

Java点运算符评估的顺序

来自分类Dev

赋值运算符中的序列点

来自分类Dev

重载MATLAB中的“点”运算符

来自分类Dev

关于C#的点(。)运算符

来自分类Dev

APL点运算符的语义?

来自分类Dev

点运算符和Numpy数组

来自分类Dev

结构中的点运算符

来自分类Dev

关于C#的点(。)运算符

来自分类Dev

赋值运算符中的序列点

来自分类Dev

C运算符+ =序列点?

来自分类Dev

试图了解点运算符

来自分类Dev

运算符“ +”的歧义使用

来自分类Dev

使用条件运算符

来自分类Dev

使用“?:”运算符返回

来自分类Dev

使用awk的〜运算符

来自分类Dev

对向量使用[] []运算符?

来自分类Dev

使用or和not运算符

来自分类Dev

使用-Like运算符

来自分类Dev

运算符'!='的歧义使用?

来自分类Dev

使用“?:”运算符返回