Cannt view image if img element has loading="lazy" attribute

[Roamin]

Describe the bug
Cannt view image if img element has loading="lazy" attribute

To Reproduce

<div
		class="c-image-viewer"
		ref="viewer"
	>
		<img
			class="c-image-viewer__image"
			loading="lazy"
			v-for="(src, index) in images"
			:src="src.thumbnail"
			:data-src="src.source"
			:key="src.source"
			@click="handleViewImage(index)"
		/>
	</div>

methods: {
	handleViewImage(index) {
		if (!this.viewer) {
			this.viewer = new Viewer(this.$refs.viewer, {
				url(image) {
					return image.src
				},
			})
		}

		this.viewer.view(index)
	},
},

Expected behavior
should be

Screenshots
but

If I remove loading="lazy" attribute, everything goes well

Desktop (please complete the following information):

• MacOS
• Browser Chrome
• Version 84.0.4147.105

[fengyuanchen]

Just remove the loading attribute from the inheritedAttributes option.

[jeff-wangzhen]

Just remove the loading attribute from the inheritedAttributes option.

@fengyuanchen 只能这样了吗？是否有优化空间呢？