微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vue根据本地化更改图像

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。