图片能正常显示是因为经过 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)
转换写法:
require('../assets/images/leftmenu/xuexibaogao.png')
1.data里return的数据写法
this.tableData: [{
index: '1',
name: "课程表",
page: "/curriculum/list",
img: require('../assets/images/leftmenu/kechenbiao.png')
}, {
index: '2',
name: "学习报告",
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: "学习报告",
page: "/study/report",
img: require('../assets/images/leftmenu/xuexibaogao.png')
} ]
