- 42
- 0
1.现有一v-for循环,输出每个对象comment,comment用element卡片组件分别输出其各个属性值
2.comment有一属性comsimghead存放图片名称,首先用v-if判断是否为空,若为空,img src="../images/head/head.jpg",这个没有问题,但是不为空怎么让src为"../images/head/"+comsimghead呢?(实现全部转换太麻烦,并且转换为后src=后面也不能写变量值啊,还得在data声明变量)
3.代码如下:
<el-col :span="12" v-for="comment in currentcomments" :key="comment.comid" :offset="1" style="margin-bottom:40px">
<el-card :body-style="{ padding: '0px', height:'200px'}" style="width: 800px;height: 200px;">
<div style="padding: 6px;height: 180px;">
<div style="height:50px;"><!--头像与用户名-->
<div style="float: left;width: 50px;height: 50px;" v-if="comment.comsimghead ==null || comment.comsimghead ==''">
<img src="../images/head/head.jpg" style="height: 40px;width: 40px;border-radius: 20px;margin: 10px 0px 10px 10px;" />
</div>
<div style="float: left;width: 50px;height: 50px;" v-else><!--这里的src怎么设置?-->
<img src="../images/head/" style="height: 40px;width: 40px;border-radius: 20px;margin: 10px 0px 10px 10px;" />
</div>
<div style="float: left;position:relative;top:20px;width:300px;height: 30px;"><font size="5"> {{comment.comsname}}</font></div>
</div>
</div>
</el-card>
</el-col> 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
仙女味>的<小可耐●0● 普通会员 1楼
在Vue中,你可以使用v-for循环和img的src属性来绑定v-for循环的变量值。以下是一个例子:
html <img :src="myImageSrc" v-for="(image, index) in myImageArray" :key="index">在这个例子中,
myImageSrc是你的img的src属性,myImageArray是你的img数组,index是图片的索引。在循环中,
index的值将被赋值给image的src属性。这就是为什么你可以在图片上看到你的变量值。如果你想要动态获取图片的src,你可以在循环外部设置一个变量来存储你的图片数组的索引,然后在循环内部通过这个索引获取图片的src。
```html
```
在这个例子中,
myImageArray是一个数组,包含了3个对象,每个对象都有一个src属性和一个index属性。当你通过索引获取图片的src时,index的值将被赋值给src。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
