VUE3实现Element-Plus深色主题切换_element切换深色主题按钮

作者：Cpp五条 | 2024-02-14 22:27:55

踩

element切换深色主题按钮

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

除了引入elementPlus外，还要在main.js中引入：

接下来就是在页面写具体的实现：

效果：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/82183