关于vue路由跳转无法销毁样式的问题

1. 问题起沿登录页我对body 进行设计背景色，然后登录成功后跳转到主页。但是背景色还是存在。我的想法是跳后面应该主动去销毁相应的dom与样式才对。在vue 里并没有做。虽然网络上有朋友说，在style 那边加scoped 域样式的控制。但这样子还是没有办法对body html 进行样式应用，我试了加上这样限制，vue 对路由的跳转后，还是没有进行这个组件的样式销毁。试想如果我很多

前端开发工程师

4486人浏览 · 2018-05-27 10:34:26

前端开发工程师 · 2018-05-27 10:34:26 发布

1. 问题起沿

登录页我对body 进行设计背景色，然后登录成功后跳转到主页。但是背景色还是存在。

我的想法是跳后面应该主动去销毁相应的dom与样式才对。

在vue 里并没有做。

虽然网络上有朋友说，在style 那边加scoped 域样式的控制。但这样子还是没有办法对body html 进行样式应用，

我试了加上这样限制，vue 对路由的跳转后，还是没有进行这个组件的样式销毁。

试想如果我很多组件切来切去的话不是有很多样式在页面上。

不知道大家有没有对这个，vue 路由跳转后相关的组件样式dom 都进行销毁的好方法。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^