本地图片动态绑定img的src属性

在这里插入图片描述

1 将图片当成模块先引进来，再绑定

在这里插入图片描述

2本地静态资源加载

将所有的静态图片资源放在和src同级目录下的static文件夹下
在这里插入图片描述
路径可以写成自然的’…/…/static/img/xxx.png’ 也可以按照红框中的写法（这种写法对应的是编译后文件的目录）
在这里插入图片描述
这样按照平常的动态绑定src属性你的图片路径在开发模式下和生产模式下的图片资源路径都是不会出问题的

# vue.js # javascript # html # css3 # css
Logo
Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐

cover

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

avatar Vue
cover

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

avatar Vue
cover

ElasticSearch迁移至openGauss

avatar Vue