双向性 (RTL)

Vuetify 支持 RTL (右至左) 语言,可以通过启动应用程序时使用 rtl 选项激活。 你可以在规范网站上找到更多 implementing bidrectionality

  1. // src/plugins/vuetify.js
  2. import Vue from 'vue'
  3. import Vuetify from 'vuetify/lib'
  4. Vue.use(Vuetify)
  5. export default new Vuetify({
  6. rtl: true,
  7. })

RTL 表单

你还可以在任何时候通过修改 vuetify 对象上的 rtl 值来动态地更改它。

  1. <!-- App.vue -->
  2. <template>
  3. <v-app>
  4. ...
  5. </v-app>
  6. </template>
  7. <script>
  8. export default {
  9. methods: {
  10. changeRTL () {
  11. this.$vuetify.rtl = true
  12. },
  13. },
  14. }
  15. </script>