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: _plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default is not a constructor
并尝试了这个:
Vue.use(Vuetify, {
rtl: true
})
Vue.config.productionTip = false;
new Vue({
render: (h) => h(App)
}).$mount("#app");
得到错误: Error in beforeCreate hook: "Error: Vuetify is not properly initialized,
我错过了什么?
解决方案
你没有在正确的地方改变它。看起来您正在尝试修改文件main.js
,您应该src/plugins/vuetify.js
改为修改文件。还要确保按照文档export default
中的描述进行操作。
像这样:
// src/plugins/vuetify.js
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)
export default new Vuetify({
rtl: true,
})
推荐阅读
- apache-spark - Spark 批处理在 2 个 cassandra 集群之间迁移数据
- javafx - javafx拖放控制目标布局
- r - 训练集和测试集具有不同长度的唯一目标标签
- amazon-web-services - “http 通过 esp8266 发布到亚马逊网络服务器
- c# - 一个请求与 net core 3.0 中两个 Web API 的太多端点匹配
- sql-server - 主键范围取决于 SQL Server 中的行类型
- javascript - 二维数组javascript中的无限递归框
- c# - 如何强制 Unity 的 SerializedProperty 调用 OnValidate 回调?
- angular - 如何在Angular中垂直排列表格标题
- php - Laravel Eloquent,我如何从结果集的中间开始列出数据?