文章詳情頁(yè)
javascript - Vue中使用Element UI table 時(shí)遇到的顯示問(wèn)題
瀏覽：225日期：2023-04-30 16:55:16
問(wèn)題描述
需求：n行3列的表格，第一列為序號(hào)，第二列為類型，第三列為縮略圖。后臺(tái)傳來(lái)的數(shù)據(jù)如下：
前端代碼：
頁(yè)面變成了這樣：
我怎么才能拿到url的地址呢 ，我想把地址寫(xiě)給img標(biāo)簽中的src屬性，這樣就能顯示預(yù)覽圖片了，關(guān)鍵就是這個(gè)dataurl拿不到啊，求高手支招。
問(wèn)題解答
回答1：el-table-column有個(gè)inline-template屬性
<el-table-column fixed label='預(yù)覽' prop='dataurl' inline-template> <img :src='http://m.b3g6.com/wenda/row.dataurl'></el-table-column>
標(biāo)簽：
JavaScript
上一條：javascript - JS 里面的 delete object.key 到底刪除了什么？下一條：javascript - 想問(wèn)下百分比進(jìn)度條實(shí)現(xiàn)原理以及這種布局怎么實(shí)現(xiàn)，還有賽馬時(shí)背景跟著動(dòng)的原理？
相關(guān)文章：
1. 如何設(shè)置一個(gè)無(wú)限循環(huán)并打破它。（Java線程）2. php對(duì)mysql提取數(shù)據(jù)那種速度更快3. shell - mysql更新錯(cuò)誤4. DADB.class.php文件的代碼怎么寫(xiě)5. 網(wǎng)頁(yè)爬蟲(chóng) - 如何使用使用java抓取信息并制作一個(gè)排名系統(tǒng)？6. macos - 如何徹底刪除mac自帶的apache和php7. javascript - immutable配合react提升性能？8. python小白 自學(xué)看書(shū)遇到看不懂的地方9. mysql - 在log日志中已知用戶的某一步操作，如何獲取其上一步操作？10. javascript - sublime快鍵鍵問(wèn)題
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備