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

Question

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

Answer 1

您可以创建一个辅助函数（可组合？），如下所示：

import { getCurrentInstance } from 'vue';

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

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

  const vuetify = useVuetify();