我將 vue.js 與 vuetify 一起使用。我有一個存盤在狀態（使用Vuex）中的值，該值在scr/store/index.ts（一個名為的布林值darkMode）中定義，我在.vue檔案內的一個視圖組件中使用它。但是，我想typescript在我有我的 vuetify 設定 ( src/plugins/vuetify.ts) 的檔案中使用相同的變數。這甚至可能嗎？我是 vue.js/vuetify/typescript 的新手。
這是我的代碼片段：
// src/plugins/vuetify.ts
import Vue from "vue";
import Vuetify from "vuetify/lib/framework";
Vue.use(Vuetify);
export default new Vuetify({
theme: {
dark: darkMode, // <--- HERE IS WHERE I WANT TO USE MY VARIABLE FROM STATE
themes: {
light: {
primary: "#32A4A0",
secondary: "#C83C96",
background: "#FFFFFF",
border: "BEBEBE",
warning: "#FFE011",
error: "#F40808",
},
dark: {
primary: "#4EC0EB",
secondary: "#FF79C0",
background: "#353535",
border: "BEBEBE",
warning: "#FFE011",
error: "#F40808",
},
},
},
});
我的檔案夾結構如下所示：
src
---store
------index.ts
---plugins
------vuetify.ts
提前致謝！
uj5u.com熱心網友回復：
我認為您要做的是將暗模式系結到存盤值。您最初傳入的設定只是初始化值。所以你需要這樣做：
<v-app :dark="darkMode">
然后有一個計算屬性來從商店獲取 darkMode
computed: {
darkMode() {
return store.index.darkMode
}
}
然后，darkMode 應該是回應式的，并更新系結到它的 v-app 中的暗值。沒有測驗過，但希望能讓你朝著正確的方向前進
uj5u.com熱心網友回復：
傻我。這只是匯入 store 物件的問題：
import store from "../store/index";
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/417289.html
標籤：
上一篇：我可以在使用Vue-router構建的Vue應用程式中重繪時清除引薦來源網址嗎
下一篇：VueJS：為發票生成亂數