Vue.js Vuetify设置从右向左文本

我添加了

Vuetify

使用：

vue add vuetify

生成的文件如下所示：

import Vue from "vue";
import App from "./App.vue";
import vuetify from "./plugins/vuetify";

Vue.config.productionTip = false;

new Vue({
  vuetify,
  render: (h) => h(App)
}).$mount("#app");

我尝试添加RTL进行休耕：

import vuetify from "./plugins/vuetify";

const Vuetify = new vuetify({
  rtl: true
});;
Vue.config.productionTip = false;

new Vue({
  Vuetify, 
  render: (h) => h(App)
}).$mount("#app");

出现错误：

Uncaught TypeError:\u plugins\u vuetify\u WEBPACK\u IMPORTED\u MODULE\u 8\u。默认值不是构造函数

并尝试了以下方法：

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

Vue.config.productionTip = false;

new Vue({
  render: (h) => h(App)
}).$mount("#app");

获取错误：

beforeCreate钩子中的错误：“错误：Vuetify未正确初始化，

---

我遗漏了什么？

您没有在正确的位置更改它。看起来您正在尝试修改文件

main.js

，您应该改为在

src/plugins/vuetify.js

处修改该文件。另外，请确保在

导出默认值下执行此操作，如中所述

像这样：

// src/plugins/vuetify.js

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

Vue.use(Vuetify)

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