Vue 如何控制 layout 的 css

[imherer]

需求是这样的：我有一个layout页面，这个页面上有一张很大的背景图，基于layout这个页面做 3 个页面，叫A,B,C。

ABC这 3 个页面的背景图是不一样的，我怎么在分别加载这 3 个页面的时候把背景图换掉呢？（就是换掉 layout 页面上那张大的背景图）

我现在的做法是分别在 ABC 这 3 个页面下通过 js 把背景给换掉（在 mounted 函数里），但是现在有个问题就是从 A 到 B 背景换掉了也正常，但是再回到 A 背景却还是 B 的应该怎么处理呢？ 不能刷新页面！

[leekoho]

在 layout 里面 watch 一下$route, 将背景图的 src 替换

[keepeye]

别在 mounted 做，通过 activated

[imherer]

@keepeye 谢谢。 已经通过 1 楼的方法解决了。这样就不用在每个页面下写代码了

[choujiaojiao]

mounted 函数只会执行一次

[ochatokori]

如果用了 keep-alive 的话 mounted 只会执行第一次