排列5走势图首页    注册   登录
排列5走势图 = way to explore
排列5走势图 是一个排列5走势图关于 分享和探索的地方
现在注册
已注册用户请  登录
排列5走势图  ›  程序员

Vue 如何控制 layout 的 css

  •  
  •   imherer · 8 天前 · 507 次点击

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

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

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

    5 回复  |  直到 2019-04-15 17:07:17 +08:00
        1
    leekoho   8 天前   ♥ 1
    在 layout 里面 watch 一下$route, 将背景图的 src 替换
        2
    keepeye   8 天前
    别在 mounted 做,通过 activated
        3
    imherer   8 天前
    @keepeye 谢谢。 已经通过 1 楼的排列5走势图方法 解决了。这样就不用在每个页面下写代码了
        4
    choujiaojiao   8 天前   ♥ 1
    mounted 函数只会执行一次
        5
    ochatokori   7 天前 via Android   ♥ 1
    如果用了 keep-alive 的话 mounted 只会执行第一次
    排列5走势图关于   ·   FAQ   ·   API   ·   排列5走势图排列5走势图我 们 的愿景   ·   广告投放   ·   感谢   ·   实用小排列5走势图工具   ·   4020 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 18ms · UTC 08:16 · PVG 16:16 · LAX 01:16 · JFK 04:16
    ♥ Do have faith in what you're doing.
    沪排列5走势图ICP 备16043287号-1