# new URL(url, import.meta.url).href

new URL(url, import.meta.url).href

说明:第一个 url 为图片的相对路径

# Vue 的绑定功能来动态设置 img 的 src 属性

即用 ref (),如下

<template>
  <div>
    <img :src="imageUrl" alt="Dynamic Image" />
  </div>
</template>
 
<script>
import { ref } from 'vue';
 
export default {
  setup() {
    const imageUrl = ref('path_to_your_image.jpg');
 
    // 你可以在需要的时候更改 imageUrl 的值,比如在方法或计算属性中
    // 例如:
    // function updateImage() {
    //   imageUrl.value = 'new_path_to_image.jpg';
    // }
 
    return { imageUrl };
  }
};
</script>