在html文件中修改css文件可以切换主题,不需要刷新页面
computed: {
curTheme (){
return this . $store . state . curTheme
}
},
changeTheme (){
// let newTheme = "light"
let newTheme = this . curTheme == "dark" ? "light" : "dark"
this . $store . commit ( "changeTheme" , newTheme )
let cssElement = document . getElementById ( "csId" )
cssElement . parentNode . removeChild ( cssElement )
// let currentCssTheme = sessionStorage.getItem("cssTheme")
// console.log(currentCssTheme)
// let newTheme = currentCssTheme == "black"?"white":"black"
// sessionStorage.setItem("cssTheme",newTheme)
newTheme = "/" + newTheme + "Theme.css"
console . log ( newTheme )
var link = document . createElement ( 'link' );
link . type = 'text/css' ;
link . id = "csId" ; // 加上id方便后面好查找到进行删除
link . rel = 'stylesheet' ;
link . href = newTheme
// link.href = '/whiteTheme.css';
document . getElementsByTagName ( "head" )[ 0 ]. appendChild ( link );
}