文章詳情頁
javascript - Vue中使用Element UI table 時遇到的顯示問題
瀏覽：114日期：2023-04-30 16:55:16
問題描述
需求：n行3列的表格，第一列為序號，第二列為類型，第三列為縮略圖。后臺傳來的數(shù)據(jù)如下：
前端代碼：
頁面變成了這樣：
我怎么才能拿到url的地址呢 ，我想把地址寫給img標簽中的src屬性，這樣就能顯示預覽圖片了，關鍵就是這個dataurl拿不到啊，求高手支招。
問題解答
回答1：el-table-column有個inline-template屬性
<el-table-column fixed label='預覽' prop='dataurl' inline-template> <img :src='http://www.gepszalag.com/wenda/row.dataurl'></el-table-column>
標簽：
JavaScript
上一條：javascript - JS 里面的 delete object.key 到底刪除了什么？下一條：javascript - 想問下百分比進度條實現(xiàn)原理以及這種布局怎么實現(xiàn)，還有賽馬時背景跟著動的原理？
相關文章：
1. python - type函數(shù)問題2. mysql新建字段時 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 報錯3. javascript - node服務端渲染的困惑4. css - 求推薦幾款好用的移動端頁面布局調試工具呢？5. javascript - webpack --hot 熱重載無效的問題6. Mysql && Redis 并發(fā)問題7. php - 第三方支付平臺在很短時間內多次異步通知,訂單多次確認收款8. mysql - 一個表和多個表是多對多的關系，該怎么設計9. html5 - h5寫的app用的webview，用手機瀏覽器打開不顯示？10. javascript - 百度echarts series數(shù)據(jù)更新問題
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備