.vue 文件引入本地图片, 需要先将本地图片复制到项目的 src\assets 目录中, 否则不能使用. 然后在 template 标签中, 使用 img 标签引用图片即可.
本地图片路径:
在. vue 文件中引入图片 adv-1.jpg
(相关课程推荐: vue.js 教程 https://www.html.cn/jskuangjia/vue/ )
List.vue 代码
- <template>
- <img src="../../../assets/images/adv-1.jpg">
- </template>
使用 JS 传入
- <template>
- <img :src="bannerImg">
- </template>
- <script>
- export default {
- name: "ReportList",
- data () {
- return {
- bannerImg:require('../../../assets/images/adv-1.jpg')
- }
- }
- }
- </script>
来源: http://www.css88.com/qa/vue-js/15273.html