文章詳情頁
javascript - Vue中使用Element UI table 時(shí)遇到的顯示問題
瀏覽：88日期：2023-04-30 16:55:16
問題描述
需求：n行3列的表格，第一列為序號(hào)，第二列為類型，第三列為縮略圖。后臺(tái)傳來的數(shù)據(jù)如下：
前端代碼：
頁面變成了這樣：
我怎么才能拿到url的地址呢 ，我想把地址寫給img標(biāo)簽中的src屬性，這樣就能顯示預(yù)覽圖片了，關(guān)鍵就是這個(gè)dataurl拿不到啊，求高手支招。
問題解答
回答1：el-table-column有個(gè)inline-template屬性
<el-table-column fixed label='預(yù)覽' prop='dataurl' inline-template> <img :src='http://www.cgvv.com.cn/wenda/row.dataurl'></el-table-column>
標(biāo)簽：
JavaScript
上一條：javascript - JS 里面的 delete object.key 到底刪除了什么？下一條：javascript - 想問下百分比進(jìn)度條實(shí)現(xiàn)原理以及這種布局怎么實(shí)現(xiàn)，還有賽馬時(shí)背景跟著動(dòng)的原理？
相關(guān)文章：
1. javascript - node.js promise沒用2. android 如何實(shí)現(xiàn)如圖中的鍵盤上的公式及edittext的內(nèi)容展示呢3. c++ - 如何正確的使用QWebEngineView?4. golang - 用IDE看docker源碼時(shí)的小問題5. javascript - js 寫一個(gè)正則 提取文本中的數(shù)據(jù)6. 算法 - python 給定一個(gè)正整數(shù)a和一個(gè)包含任意個(gè)正整數(shù)的 列表 b，求所有<=a 的加法組合7. yii2中restful配置好后在nginx下報(bào)404錯(cuò)誤8. java - 我在用Struts2上傳文件時(shí)，報(bào)以下錯(cuò)誤怎么回事？9. PHP注冊(cè)功能10. php - 注冊(cè)驗(yàn)證郵箱失效后操作問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備