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>