文章詳情頁
javascript - Vue中使用Element UI table 時(shí)遇到的顯示問題
瀏覽:222日期:2023-04-30 16:55:16
問題描述
需求:n行3列的表格,第一列為序號(hào),第二列為類型,第三列為縮略圖。后臺(tái)傳來的數(shù)據(jù)如下:
前端代碼:

頁面變成了這樣:

我怎么才能拿到url的地址呢 ,我想把地址寫給img標(biāo)簽中的src屬性,這樣就能顯示預(yù)覽圖片了,關(guān)鍵就是這個(gè)dataurl拿不到啊,求高手支招。
問題解答
回答1:el-table-column有個(gè)inline-template屬性
<el-table-column fixed label='預(yù)覽' prop='dataurl' inline-template> <img :src='http://www.leifengta.com.cn/wenda/row.dataurl'></el-table-column>
標(biāo)簽:
JavaScript
上一條:javascript - JS 里面的 delete object.key 到底刪除了什么?下一條:javascript - 想問下百分比進(jìn)度條實(shí)現(xiàn)原理以及這種布局怎么實(shí)現(xiàn),還有賽馬時(shí)背景跟著動(dòng)的原理?
相關(guān)文章:
1. golang - 用IDE看docker源碼時(shí)的小問題2. 我何時(shí)應(yīng)該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)3. phpstudy8.1沒集成mysql-front4. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?5. html - css氣泡,實(shí)現(xiàn)“倒三角(不知道算不算三角了)”可透明的。6. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!7. 前端 - @media query 使用出現(xiàn)的問題?8. javascript - 請指條明路,angular的$event,在select中卻是undefined?9. html5和Flash對(duì)抗是什么情況?10. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備