文章詳情頁
javascript - Vue中使用Element UI table 時遇到的顯示問題
瀏覽：87日期：2023-04-30 16:55:16
問題描述
需求：n行3列的表格，第一列為序號，第二列為類型，第三列為縮略圖。后臺傳來的數(shù)據(jù)如下：
前端代碼：
頁面變成了這樣：
我怎么才能拿到url的地址呢 ，我想把地址寫給img標(biāo)簽中的src屬性，這樣就能顯示預(yù)覽圖片了，關(guān)鍵就是這個dataurl拿不到啊，求高手支招。
問題解答
回答1：el-table-column有個inline-template屬性
<el-table-column fixed label='預(yù)覽' prop='dataurl' inline-template> <img :src='http://www.gepszalag.com/wenda/row.dataurl'></el-table-column>
標(biāo)簽：
JavaScript
上一條：javascript - JS 里面的 delete object.key 到底刪除了什么？下一條：javascript - 想問下百分比進(jìn)度條實現(xiàn)原理以及這種布局怎么實現(xiàn)，還有賽馬時背景跟著動的原理？
相關(guān)文章：
1. javascript - js setTimeout在雙重for循環(huán)中如何使用？2. 老師，請問我打開browsersync出現(xiàn)這個問題怎么解決啊？3. javascript - js 萬物皆對象的問題4. 在mac下出現(xiàn)了兩個docker環(huán)境5. node.js - JavaScript的一個不能理解的地方6. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效7. javascript - js 修改表格元素的，可以用DOM操作實現(xiàn)嗎？8. android - 類似這樣的recyclerview滑動效果9. javascript - js一個call和apply的問題?10. python - xpath提取網(wǎng)頁路徑?jīng)]問題，但是缺失內(nèi)容？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備