文章詳情頁
javascript - Vue中使用Element UI table 時遇到的顯示問題
瀏覽：136日期：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.lshqa.cn/wenda/row.dataurl'></el-table-column>
標簽：
JavaScript
上一條：javascript - JS 里面的 delete object.key 到底刪除了什么？下一條：javascript - 想問下百分比進度條實現原理以及這種布局怎么實現，還有賽馬時背景跟著動的原理？
相關文章：
1. 這是什么情況？？？2. html5 - 百度echart官網下載的地圖json數據亂碼3. python - Pycharm的Debug用不了4. 統計 - MYSQL版本問題導致SQL語法錯誤！unknow column ’SQLSTR’5. Python的os.listdir在獲取文件列表時的順序問題6. java - svn導下來的項目，web-inf下怎么沒有lib文件呀？7. node.js - nodejs開發中，有什么模塊能夠在控制臺中顯示調用某一接口的加載時間？8. 如何用筆記本上的apache做微信開發的服務器9. javascript - Vue.js2.0不能使用debounce后大伙一般是如何解決延遲請求的問題的呢。10. javascript - 想問下百分比進度條實現原理以及這種布局怎么實現，還有賽馬時背景跟著動的原理？
排行榜
網公網安備