vue src的字符串拼接问题

Question

:src="isShow?/imgs/venue/life_fund.jpg:\'+item.materialList.pictureUrl+\'"

其中isShow是布尔值,item.materialList.pictureUrl是后端数据,/imgs/venue/life_fund.jpg是图片路径;

显示报错了，求大神支招，谢谢！

Answer 1

:src="isShow?'/imgs/venue/life_fund.jpg':item.materialList.pictureUrl"

你的思维好乱

记住一点

v-bind 属性内必须为合法 javascript 表达式

Answer 2

一般在循环中这样写：

<div v-for="(item,index) of 5">

<img :src="require(`@/assets/img/swiper-imgs/swiper${item}.jpg`)" alt />

</div>

Answer 3

试下:src="isShow?'/imgs/venue/life_fund.jpg':item.materialList.pictureUrl+请输入代码"