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

只需使用npm更新Vueitfy软件包，现在fixed！

npm update vuetify

Answer 2

我只是通过使用条件道具来解决

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

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

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