圖片能正常顯示是因為經(jīng)過 webpack 處理了,src 引用的資源變成了 base64 的是因為 vue-loader 做了處理。可以參考官方文檔 鏈接[https://vue-loader.vuejs.org/zh/guide/asset-url.html](https://vue-loader.vuejs.org/zh/guide/asset-url.html)
轉(zhuǎn)換寫法:
require('../assets/images/leftmenu/xuexibaogao.png')
1.data里return的數(shù)據(jù)寫法
this.tableData: [{
index: '1',
name: "課程表",
page: "/curriculum/list",
img: require('../assets/images/leftmenu/kechenbiao.png')
}, {
index: '2',
name: "學(xué)習(xí)報告",
page: "/study/report",
img: require('../assets/images/leftmenu/xuexibaogao.png')
} ]
2.methods方法里的寫法
tableData= [{
index: '1',
name: "課程表",
page: "/curriculum/list",
img: require('../assets/images/leftmenu/kechenbiao.png')
}, {
index: '2',
name: "學(xué)習(xí)報告",
page: "/study/report",
img: require('../assets/images/leftmenu/xuexibaogao.png')
} ]
