Vue根据本地化更改图像

问题描述

我正在使用Vue创建网站,并使用vue-i18n添加了本地化,但是有些SVG图片也需要随本地化而改变。

是否可以像这样将文件添加到本地化文件中: "image" : "EnglishImage.svg" 要么 "image" : "../assets/images/price/EnglishImage.svg"

在Vue中,类似<img :src="$t('image')">

更改本地化后,它也会更改吗?

解决方法

作为快速的临时解决方案,我使用了以下步骤:

  1. 将图像正常放置到页面中
  2. 运行项目
  3. 使用inspect查找它们的路径。 (它类似于“ ../ img / EnglishImage.c9bc8f65.svg”
  4. 将这些路径添加到本地化文件

这不是最好的解决方案,但目前可以使用