在模板中给元素添加 data-src 属性可以使用 v-bind 指令,语法如下:
<template>
<div>
<img v-bind:data-src="imageSrc">
</div>
</template>
在脚本中定义 imageSrc 即可.
如果您是在HTML自己写的话,可以直接用 data-src="{{imageSrc}}"
<img data-src="{{imageSrc}}">
需要注意的是,data- 开头的属性为自定义属性,这种属性不会影响元素的默认行为,而只是用来存储额外的信息.