如何让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

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