DaisyUI：当语言切换到 RTL 时，如何将方向切换到 RTL？

Question

我正在使用 Tailwind CSS 和 DaisyUI 作为 UI 组件。

我想在语言从英语变为波斯语时将方向更改为 RTL，

我知道您可以在 Tailwind 配置中为 DaisyUI 设置 RTL，但我想在切换语言时这样做。

这是导航抽屉我尝试将其方向更改为 RTL

Answer 1

嗨我在 laravel 中使用 dasyui 但测试这个我认为它会帮助你理解你如何做到这一点

<template>
  <div>
    <dasy-toggle v-model="isRtl">Toggle RTL</dasy-toggle>
    <dasy-button>Click me!</dasy-button>
    <dasy-input placeholder="Enter your name"></dasy-input>
  </div>
</template>

<script>
import Dasy from 'dasyui';

export default {
  data() {
    return {
      isRtl: false
    }
  },
  watch: {
    isRtl(newVal) {
     Dasy.config.rtl = newVal;
    }
  }
}
</script>