文章詳情頁
javascript - Vue中使用Element UI table 時(shí)遇到的顯示問題
瀏覽：223日期：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.b3g6.com/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. docker綁定了nginx端口 外部訪問不到2. 前端 - html5 audio不能播放3. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題！！4. javascript - 深夜被問題困擾求解惑，rn的API之PermissionsAndroidd的問題5. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫連接失敗，不知道為什么6. redis sentinel怎么跑守護(hù)進(jìn)程以及日志記錄位置的？7. android權(quán)限被第三方安全軟件禁止，如何獲取該權(quán)限狀態(tài)8. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎？9. 利用百度地圖API定位及附件商家信息服務(wù)10. nginx - ssl加密訪問證書不受信任
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備