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

在这里插入图片描述

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

在这里插入图片描述

2本地静态资源加载

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

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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue