小编Oma*_*man的帖子

Vue.js - 需要切换方向(从 rtl 到 ltr,反之亦然)而无需重新加载

我使用 Vue.js 和 vue-i18n 来切换项目中的语言,而无需刷新。但是,当我想在阿拉伯语和其他语言之间切换时,我需要将网站的设计从(从右到左)更改为(从左到右),反之亦然。

目前,我需要刷新才能加载我的 rtl.scss 文件:

这是刷新时加载 css 的代码:

let locale = VueCookie.get('locale') || 'en'
if (locale === 'ar') {
  require('rtl.scss')
}
Run Code Online (Sandbox Code Playgroud)

这是使页面刷新的代码:

if (newLocale === 'ar' || oldLocale === 'ar') {
  window.location.reload()
}
Run Code Online (Sandbox Code Playgroud)

javascript page-refresh webpack vue.js vue-i18n

5
推荐指数
1
解决办法
8219
查看次数

标签 统计

javascript ×1

page-refresh ×1

vue-i18n ×1

vue.js ×1

webpack ×1