切換css主題

在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 );     

   }