如何在 Vue 2 中使用 Composition API 访问 this.$vuetify？

【问题标题】：How do I access this.$vuetify using Composition API in Vue 2?如何在 Vue 2 中使用 Composition API 访问 this.$vuetify？
【发布时间】：2022-11-28 20:09:07
【问题描述】：

我正在尝试使用 Vue 2 + Vuetify 2 中的组合 API 读取和更改 this.$vuetify.dark 的值。现在组合 API 中不再可以访问 this.myGlobalOption，我该怎么做？我需要从模板内部和外部执行此操作。

【问题讨论】：

标签： vuejs2 vuetify.js vue-composition-api

【解决方案1】：

你可以像这样制作一个辅助函数（可组合？）：

import { getCurrentInstance } from 'vue';

export const useVuetify = () => {
  const vm = getCurrentInstance();
  return vm.proxy?.$vuetify || undefined;
};

然后在您的组件中，您可以通过以下方式访问 vuetify 实例：

  const vuetify = useVuetify();

【讨论】：