I18n 和改变样式方向

Question

当 I18n.locale 等于 'fn' 时，我需要将这个“右”改为“左”。我该怎么做？？

.vgt-compact td:before {
...
float: right}

Answer 1

您可以在元素上设置 class 并根据它更改样式。例如：

.vgt-compact 
  td:before {
    ...
    float: right
  }
  &.left td:before {
    ...
    float: left
  }
{

和类似这样的东西，其中 isLeftLocal 是一个 getter 当 I18n.locale === 'fn'

时 returns 为真

<div class="vgt-compact" v-bind:class="{ left: isLeftLocal }">...</div>

I18n and change directions in styles