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. 将这些路径添加到本地化文件

不是最好的解决方案,但目前它可以

最新更新