第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

img的src如何綁定v-for循環(huán)的變量值?

img的src如何綁定v-for循環(huán)的變量值?

1.現(xiàn)有一v-for循環(huán),輸出每個(gè)對(duì)象comment,comment用element卡片組件分別輸出其各個(gè)屬性值2.comment有一屬性comsimghead存放圖片名稱,首先用v-if判斷是否為空,若為空,img src="../images/head/head.jpg",這個(gè)沒有問題,但是不為空怎么讓src為"../images/head/"+comsimghead呢?(實(shí)現(xiàn)全部轉(zhuǎn)換太麻煩,并且轉(zhuǎn)換為后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怎么設(shè)置?-->                                    <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">&nbsp;{{comment.comsname}}</font></div>                            </div>                        </div>                    </el-card>                </el-col>
查看完整描述

3 回答

?
慕無忌1623718

TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊

不需要使用v-if,v-else


<div style="float: left;width: 50px;height: 50px;">

     <img :src='comment.comsimghead?"../images/head/head.jpg":("../images/head/"+comsimghead)' style="height: 40px;width: 40px;border-radius: 20px;margin: 10px 0px 10px 10px;" />

</div>


查看完整回答
反對(duì) 回復(fù) 2019-03-27
?
蝴蝶不菲

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊

<img :src="'../images/head/'+comment.comsimghead" style="height: 40px;width: 40px;border-radius: 20px;margin: 10px 0px 10px 10px;" />

查看完整回答
反對(duì) 回復(fù) 2019-03-27
  • 3 回答
  • 0 關(guān)注
  • 1682 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)