样式污染

[wangqiqi95]

重现链接

暂无

Vant 版本

3.5.4

描述一下你遇到的问题。

样式污染

重现步骤

前提：我有A.vue和B.vue两个页面

异常场景：我在A.vue中修改了:root{van-padding-base: 8px;}。我进页面时先进A.vue后进B.vue，发现B.vue页面的样式被污染了。且在<style scope>中通过样式穿透拿到相应的dom节点。希望能给个解决方案

设备/浏览器

No response

[chenjiahan]

在 SPA 中，不同的子页面之间本身就有这种现象，我理解不是组件库引起的问题，这个 issue 我移动到讨论区哈

[wangqiqi95]

在使用其他的ui框架时，支持使用样式穿透配合<style scope>去修改子组件的样式。目前vant暂时不知道如何通过这两种方法去修改单个页面的组件样式

[chenjiahan]

Vant 也支持的，直接修改就好，没什么特殊要求

[wangqiqi95]

我用的这个版本的vant，需要把样式写在<style></style>里才能生效。<style scope>这种形式的拿不到子组件，一次都没有修改成功过0.0