Javascript 无法在vue3中的img src上使用vBIND

<template>
  <img src="@/assets/images/pics/cover_info.jpeg">
</template>
<script>
export default {
  name: 'Image',
  data() {
  return {
    
  };
}
};
</script>

<template>
  <img :src="ImgUrl">
</template>
<script>
export default {
  name: 'Image',
  data() {
  return {
    ImgUrl: '@/assets/images/pics/cover_info.jpeg',
  };
}
};
</script>

<template>
 <img :src="ImgUrl">
</template>
<script>
 export default {
 name: 'Image',
 data(): {
  return: {
   selectedImage: "@/assets/images/pics/cover_info.jpeg", // This can be changed
  }
 },
 computed: {
  imageUrl() {
   return new URL(`{selectedImage}`, import.meta.url).href;
  }
 }
};
</script>

Javascript相关问答推荐

不渲染具有HTML参数的React元素

在贝塞尔曲线的直线上找不到交叉点：(使用@Pomax的bezier.js)

类型自定义lazy Promise. all

无法在nextjs应用程序中通过id从mongoDB删除'

Snowflake JavaScript存储过程返回成功，尽管预期失败

如何为我的astro页面中的相同组件自动创建不同的内容？

Chart.js 4.4.2，当悬停在一个数据点上时，如何在工具提示中拥有多个数据点/标签？

如何从网站www.example.com获取表与Cheerio谷歌应用程序脚本

我正在建立一个基于文本的游戏在react ，我是从JS转换.我怎样才能使变量变呢？

如果Arrow函数返回函数，而不是为useEffect返回NULL，则会出现错误

在使用位板时，如何在Java脚本中判断Connect 4板中中柱的对称性？

获取'；无法解决导入和导入"；slick-carousel/slick/slick-theme.css"；'；错误

未捕获语法错误：Hello World中的令牌无效或意外

为什么在运行于<；img>；事件处理程序中的JavaScript中x和y是不可变的？

无法使用Redux异步函数读取未定义的useEffect钩子的属性'；map'；

如何在移动设备中使用JAVASSCRIPT移除点击时的焦点/悬停状态

由于http.get，*ngIf的延迟很大

如何将值从后端传递到前端

如何为两条动态路由创建一个页面？

如何在单击Search按钮时更新Reaction组件？