vue实现一键换肤功能

1.创建所需要替换的css文件,1个皮肤对应一个,放在同一个目录

vue实现一键换肤功能

2.用link在index.html引入你所要用的皮肤css文件

vue实现一键换肤功能

3.在你需要实现换肤的页面添加方法

(1)首次加载,默认选中第一个皮肤,之后就选择最后所选的皮肤vue实现一键换肤功能

(2)把皮肤css文件名字写成数组变量,随机获取,赋值给id=‘skin’的link的href,从而改变皮肤

vue实现一键换肤功能

vue实现一键换肤功能

vue实现一键换肤功能

想要新增皮肤的话就新加皮肤css文件,然后只需要修改data的skinArr变量即可