vue 项目中引入图片

引入效果图:

vue 项目中引入图片_第1张图片

背景:恍恍惚惚的整了好长时间,我借助vant-ui组件去实现的这个效果图,空状态自定义组件,这里呢!需要引入图片,考虑到图片的引入,切记,图片不可直接引入,需要间接的

1.需要在data 组件当中用require 去导入图片相对应的路径

vue 项目中引入图片_第2张图片

2. 在组件里边动态导入即可!!! 切记一定要记得加冒号哈

vue 项目中引入图片_第3张图片

 

你可能感兴趣的:(公司工作中真实经历,vue.js,前端,javascript)