Vuetify框架中RTL模式下具有偏移属性的问题

Question

我使用vuecli3并进行vuetify，问题是RTL中的偏移量为left而不是right。也我也正确配置了我的vuetify.js文件和html lang方向。

Vue.use(Vuetify, {
  iconfont: 'md',
  rtl: true,
});

我也尝试将这些行添加到main.styl文件中

grid-offset-rtl()
  for $size in $grid-breakpoints
      for n in (0..$grid-columns)
        &.offset-{$size}{n}
          margin-left: 0
          margin-right: (n / $grid-columns * 100)%

rtl(grid-offset-rtl, "flex")

但仍然不起作用。

Answer 1

我只是通过使用条件道具解决了这个问题

<v-col :offset-lg="isRtl ? 2 : 0" lg="5">

isRtl是用于检查rtl模式的计算属性：

isRtl() {
  return this.$vuetify.rtl;
}