如何在設定函數中存取 $vuetify 實例
P粉659518294
P粉659518294 2023-11-17 17:47:45

有沒有辦法在設定函數中存取 $vuetify (以及任何其他新增的全域)? 有沒有辦法讓可組合項存取它?

  ...
  setup() {
    const { isDesktop } = $vuetify.breakpoints.mdAndUp; // <=== how to get $vuetify
    return { isDesktop };
  },


#
P粉659518294
P粉659518294

全部回覆(1)
P粉692052513

可組合取得 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
}

將其導入您的元件中:



如果您使用的是Vue @vue/composition-api 而不是Vue 2.7,請將'vue' 替換為'@vue /composition-api'

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!