item.img = '/goods/img/圖片.png'
<image src="{{item.img}}" class="image"></image>
通過仔細觀察發現,路徑是沒問題的,問題在於圖片名不能是中文的,把它改爲字母+數字就行了。html
dirPath = '/goods/img'
一樣在開發工具上運行是沒問題的,但真機調試就報錯了。
問題所在:將dirPath設成'/',讀取該文件夾下的全部文件名後得:json
0: "app-service.js" 1: "app-config.json" 2: "app-service.js.map" 3: "page-frame.html"
真機調試時,readdir方法的根目錄並非項目的根目錄app
解決方案:暫無好的解決方法。(暫時用暴力法解決了:直接存下全部圖片的名稱,讀取後再分割拼接路徑。imgNames = '0.png,1.png,2.png'
)工具
短期內沒找到讀取方法,所以用了替代方案:
將數據存在js文件裏,設爲一個變量,再用require方法來引用這個js文件。開發工具
let list = [ { "id": "1", "name": "測試產品名字", "category": "分類1", "price": "123.5", "description": "產品的簡單介紹", "img": "0.png", }, { "id": "2", "name": "測試產品名字2", "category": "分類2", "price": "125.5", "description": "產品的簡單介紹", "img": "1.png,2.png,3.png,4.png", }, ... ] module.exports = { goodsList: list }
let goodsInfo = require('../../goods/info.js'); let list = goodsInfo.goodsList for(let goods of list){ console.log(goods) }