ElementPlus (深色主题切换)

         useDark意思是否使用深色模式,useDark它是通过读取localStorage/sessionStorage的存储值(key 是可自定义的),从而设置html的class。从element-plus官网可以看到,它自带有暗黑主题,我们只需要在 html 上添加一个名为 dark 的类,所以选择使用useDark方便了许多。

1、首先项目要有elementPlus
2、地址:https://element-plus.gitee.io/zh-CN/guide/dark-mode.html   ElementPlus (深色主题切换)_第1张图片

 3、创建demo.vue文件,






此时:我们可以看到html我们设置了了一个高亮的类名名称。
ElementPlus (深色主题切换)_第2张图片
Local Storage中可以看到
ElementPlus (深色主题切换)_第3张图片

 

你可能感兴趣的:(vue.js)