文章詳情頁
javascript - Vue中使用Element UI table 時遇到的顯示問題
瀏覽：147日期：2023-04-30 16:55:16
問題描述
需求：n行3列的表格，第一列為序號，第二列為類型，第三列為縮略圖。后臺傳來的數據如下：
前端代碼：
頁面變成了這樣：
我怎么才能拿到url的地址呢 ，我想把地址寫給img標簽中的src屬性，這樣就能顯示預覽圖片了，關鍵就是這個dataurl拿不到啊，求高手支招。
問題解答
回答1：el-table-column有個inline-template屬性
<el-table-column fixed label='預覽' prop='dataurl' inline-template> <img :src='http://www.baoyu77737.com/wenda/row.dataurl'></el-table-column>
標簽：
JavaScript
上一條：javascript - JS 里面的 delete object.key 到底刪除了什么？下一條：javascript - 想問下百分比進度條實現原理以及這種布局怎么實現，還有賽馬時背景跟著動的原理？
相關文章：
1. 管理員信息修改時的密碼問題2. angular.js - 輸入郵箱地址之后， 如何使其自動在末尾添加分號？3. javascript - 后臺管理系統左側折疊導航欄數據較多，怎么樣直接通過搜索去定位到具體某一個菜單項位置，并展開當前菜單4. javascript - html5的data屬性怎么指定一個function函數呢？5. 如何解決docker宿主機無法訪問容器中的服務？6. android - RxJava 中有根據條件執行不同函數的操作符嗎？7. javascript - 如何使用nodejs 將.html 文件轉化成canvas8. mysql - 電商如何存儲營業額數據9. html5 - 為什么使使用vue cli 腳手架，post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢？10. java如何生成token？
排行榜
網公網安備