vue动态更改图片的src地址

html:<img ref="study" :src="studyDataPic">script:data: {return {studyDataPic: require('@/assets/images/school.png')}}更改图片地址：this.studyDataPic = require('@/assets/images/load.gif')...

红瓤西瓜

8490人浏览 · 2019-08-01 00:01:56

红瓤西瓜 · 2019-08-01 00:01:56 发布

html:

<img ref="study" :src="studyDataPic">

script:

data: {
	return {
		studyDataPic: require('@/assets/images/school.png')
	}
}

更改图片地址：

this.studyDataPic = require('@/assets/images/load.gif')

注意：

1.必须使用require
因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require
2.require里面的地址，要使用单引号

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}$/, //不连续的两位字母// /^