将以HTML格式保存的图片显示到Vue.js页中

<template>
  <div>
    <img :src="imageUrl" alt="HTML Image">
  </div>
</template>

data() {
  return {
    imageUrl: 'path/to/image.html'
  };
}

mounted() {
  fetch(this.imageUrl)
    .then(response => response.text())
    .then(html => {
      // 处理HTML内容，提取图片URL
      const parser = new DOMParser();
      const doc = parser.parseFromString(html, 'text/html');
      const imgElement = doc.querySelector('img');
      const imgUrl = imgElement.src;

      // 更新Vue.js组件中的图片URL
      this.imageUrl = imgUrl;
    })
    .catch(error => {
      console.error('Error:', error);
    });
}