Element ui表格展示圖片問題


當需要遍歷圖片時,不能直接使用prop綁定值,具體 代碼如下

<el-table-column label="頭像" width="100">
                <template scope="scope">
                    <img :src="scope.row.head_pic" width="40" height="40" class="head_pic"/>
                </template>
            </el-table-column>

注意:scope.row.head_pic 中的head_pic  就是平常我們綁定在prop中的值

 

多張圖片

<el-table-column prop="pictures" label="描述圖片">
  <template scope="scope">
    <img v-for="item in scope.row.pictures" :src="item" width="40" height="40" class="head_pic"/>
  </template>
</el-table-column>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM