有没有办法在设置函数中访问 $vuetify （以及任何其他添加的全局）？ 有没有办法让可组合项访问它？
1
1131 ...
setup() {
const { isDesktop } = $vuetify.breakpoints.mdAndUp; // <=== how to get $vuetify
return { isDesktop };
},
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
可组合获取 vuetify 实例：
// useVuetify.ts import { getCurrentInstance } from 'vue' export function useVuetify() { const instance = getCurrentInstance() if (!instance) { throw new Error(`useVuetify should be called in setup().`) } return instance.proxy.$vuetify }将其导入您的组件中：
<!-- MyComponent.vue --> <script lang="ts"> import { useVuetify } from './useVuetify' import { computed } from 'vue' /*...*/ setup() { const vuetify = useVuetify() const isDesktop = computed(()=>vuetify.breakpoints.mdAndUp) return { isDesktop } }, /*...*/ </script>如果您使用的是 Vue @vue/composition-api 而不是 Vue 2.7，请将
'vue'替换为'@vue /composition-api'