我是vuetify的新手.我需要右上角有标题的rtl v-text-field.这怎么可能?我在《探长》里做不到.这就是我现在所拥有的:

enter image description here

任何帮助都将不胜感激

推荐答案

Added features in v1.1.0:

  • Vuetify在 bootstrap 过程中通过RTLprops 支持RTL(从右到左)语言.该值是动态的,将应用自定义样式来更改零部件的方向.

To enable config level RTL support, add the 100 property to the Vuetify instance options:

import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify, {
  rtl: true
})

通过直接在应用程序中修改$vuetify.rtl属性,可以随时更改此值.

Vue.js相关问答推荐

如何禁用Vuetify v—stepper操作按钮

vue 3 中范围样式和深度样式的问题

使用 vue / nuxt js 切换 fontawesome 图标

使用 nuxt.js 组件自动导入对性能不利吗?

Eslint Vue 3 解析错误:'>' expected.eslint

ECMA6 中 nameFunction() {} 和 nameFunction () => {} 的区别

VueJS 组件中的图像未加载

将 props 传递给 Vue 组件中的元素属性

Vue test-utils 如何测试 router.push()

等待来自 WDS 的更新信号

Nuxt:显示静态文件夹中的本map像

如何告诉 Vue 应用使用 Firebase 模拟器?

如何在 Vue 类组件中定义过滤器?

为 Vue 组件动态添加属性

在 .vue 文件中使用 Vue.set() 和 Vue.use()

VueJS 2 在多个组件上debounce

Vue $refs 对象的类型为 unknown未知

使用 Vee-validate 禁用按钮,直到正确填写表单

Vue.js 显示空格(换行符)

如何隔离 Vuetify 全局样式