我有 2 個主題：'light-theme'、'dark-theme' 我想<html >根據我的 vuex 商店中的值來設定。喜歡darkMode: true
我怎樣才能<html>像這樣被動地設定課程？
（使用vue3）
uj5u.com熱心網友回復：
你可以使用簡單的javascript。
只需添加一個按鈕或切換主題更改，例如：
<button @click="changeTheme">Change Theme</button>
并在此組件內添加changeTheme方法內的方法：
document.getElementsByTagName("html")[0].setAttribute( 'class', 'newThemeClass' );
或者只是將觀察者添加到您的商店價值并根據它進行更改：
computed:{
...mapGetters(["yourGetterName"])
},
watch: {
darkMode(value) {
document.getElementsByTagName("html")[0].setAttribute( 'class', value );
},
}
uj5u.com熱心網友回復：
根據Vue 檔案，有以下方法可以做到這一點。
1.系結到物件
<div :></div>
上面的語法意味著'active-class'類的存在將由資料屬性isActive的真實性決定。
2.系結到陣列
<div :></div>
這將始終應用 errorClass，但只有當 isActive 為真時才會應用 activeClass。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/442955.html
上一篇：在Vue.js應用程式中用HTML替換來自API的JSON
下一篇：ref，vue2中的計算備選方案