一、 瀏覽器跨域
解決方案:
在檔案的根目錄下面建一個vue.config.js組態檔，在里面設定代理地址
module.exports = {
devServer: {
host: 'localhost',
port: '8084',//本地服務埠
proxy: {
'/api': {//所有以/api路徑訪問的介面 都會被攔截到目標埠
target: 'http://127.0.0.1:3380',//要跨域請求的埠
changeOrigin: true,//開啟跨域
}
}
}
}
二、 elementUI prop屬性傳值為url地址
<el-table-column label="標題" prop="imgurl">
<img src="imgurl">
</el-table-column>
舉上面這個例子，如果我們要想從服務器獲取的url地址遍歷到每一個圖片上，實作不同圖片的渲染我就是這樣天真的以為，在這卡了半天，官方檔案也沒有獲取prop值的具體方法，最后只好找點偏方還好解決了
解決方法
<el-table-column label="封面" width="140">
<template slot-scope="scope">
<img :src="scope.row.cover" alt="title" class="listGoodsimg">
</template>
</el-table-column>
把原有的prop刪掉，然后添加一個模板放一個插槽屬性slot-scope獲取你當前的資料物件值，再給我的圖片動態系結一個src，再呼叫自己資料物件里面的avatar（服務器獲取的這個是一個url地址），就完美的實作渲染了
話不多說上圖
每張圖片都渲染上去了的感覺是太快樂了
每天兩個小技巧，隔壁帥哥跟著跑！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/287106.html
標籤：其他