roujennie 2022-05-22 19:41 采纳率: 84%
浏览 64
已结题

如何让img标签的src读取属性的值

在img标签中我想动态赋值src
如果直接src=

<img src=editForm.pics[0].pics_sma />

img


这里解析的地址src外面自动加双引号了,自动把我想要赋值的值解析为url地址了

img

如果加冒号:src 动态渲染
由于我的editForm在页面加载时为空,点击编辑按钮才获取当前行的商品信息,就会报以下错误。因为editForm为空所以读不到数据

img


只有一开始

<img src=editForm.pics[0].pics_sma />

让页面加载起来,单击编辑按钮,再把代码改成

<img :src=editForm.pics[0].pics_sma />

才能达到我想要的效果
请问如何解决这个问题呢?
这是我的editFrom数组中的pics数组

img


pics数组中pic_sma属性值是我想渲染的src地址

img

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-05-22 20:15
    关注

    那你先判断是否编辑,用v-if控制img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 5月30日
  • 已采纳回答 5月22日
  • 创建了问题 5月22日