# 右書き言語対応（RTL）

VuetifyはRTL (右から左) 言語をサポートしており、アプリケーションの起動時に rtl オプションを使用することで有効にできます。 bidirectionalityの実装についての追加情報はMD仕様サイトに記載されています。

// src/plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  rtl: true,
})

また、vuetifyオブジェクトの rtl の値を変更することで、いつでも動的に変更することができます。

<!-- App.vue -->

<template>
  <v-app>
    ...
  </v-app>
</template>

<script>
  export default {
    methods: {
      changeRTL () {
        this.$vuetify.rtl = true
      },
    },
  }
</script>

準備はできましたか？

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーションリンクでページ間を移動できます。

GitHub でこのページを編集する

最終更新日:11/12/2024, 6:59:50 AM

# 右書き言語対応 （RTL）

準備はできましたか？

# 右書き言語対応（RTL）