vue动态引入本地图片的方法总结

方法一:直接引入vue.js文件的h5页面

created(){
   变量直接存一下路径
  var imgurl1 = "./img/tutu1.png"
   然后直接赋值。
  this.neme
}

方法二:框架里面引入本地图片(在引入vue.js的情况下使用会报错)

// 直接在data中引入。
  data:{
    return{
      img:"require("../../assets/images/case4.png")"
    } 
  }

方法三:先引入在直接存(在引入vue.js的情况下使用会报错)。

import neiye1 from './../../assets/images/neiye1.png'
  data () {
            return {
                neiye1:neiye1
            }
        },

  

posted @ 2021-12-27 14:31  秋墨江雪  阅读(1544)  评论(0编辑  收藏  举报