解决Vue中图片src路径对但是图片不出来的问题

  图片能正常显示是因为经过 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')
                } ]