• 请不要在回答技术问题时复制粘贴 AI 生成的内容
imherer
V2EX  ›  程序员

Vue 如何控制 layout 的 css

  •  
  •   imherer · Apr 15, 2019 · 2424 views
    This topic created in 2764 days ago, the information mentioned may be changed or developed.

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

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

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

    5 replies  •  2019-04-15 17:07:17 +08:00
    leekoho
    leekoho
    Apr 15, 2019❤️1
    1
    在 layout 里面 watch 一下$route, 将背景图的 src 替换
    keepeye
    keepeye
    Apr 15, 2019
    2
    别在 mounted 做,通过 activated
    imherer
    imherer
    OP
    Apr 15, 2019
    3
    @keepeye 谢谢。 已经通过 1 楼的方法解决了。这样就不用在每个页面下写代码了
    choujiaojiao
    choujiaojiao
    Apr 15, 2019❤️1
    4
    mounted 函数只会执行一次
    ochatokori
    ochatokori
    Apr 15, 2019 via Android❤️1
    5
    如果用了 keep-alive 的话 mounted 只会执行第一次
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1527 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 12:11 · PVG 20:11 · LAX 04:11 · JFK 07:11
    ♥ Do have faith in what you're doing.