V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
yantianqi
V2EX  ›  问与答

vue 生命周期 mounted 钩子函数

  •  
  •   yantianqi · 2017-05-31 11:14:04 +08:00 · 2993 次点击
    这是一个创建于 2523 天前的主题,其中的信息可能已经有所发展或是发生改变。
    mounted:function(){
        alert('mounted')
    }
    

    如上面代码,在钩子函数运行中
    为什么页面没有先渲染出数据
    而是 alert 弹框点击确定之后出来数据?

    5 条回复    2017-05-31 13:03:50 +08:00
    shenyu1996
        1
    shenyu1996  
       2017-05-31 11:28:33 +08:00 via Android
    不清楚 反正我发现 mounted 的时候 el 的 dom 元素还没渲染到页面,也就是 getelement 会报错,设个延迟才行
    yantianqi
        2
    yantianqi  
    OP
       2017-05-31 11:45:28 +08:00
    @shenyu1996 我用 document.getElement 在 mounted 里面能获取到渲染出的数据,还能绑定事件
    airyland
        3
    airyland  
       2017-05-31 12:11:06 +08:00
    和 1.x 的 ready 事件不同,这个在迁移文档里提了。

    应该注意的是,使用 mounted 并不能保证钩子函数中的 this.$el 在 document 中。为此还应该引入 Vue.nextTick/vm.$nextTick。
    airyland
        4
    airyland  
       2017-05-31 12:11:17 +08:00
    SourceMan
        5
    SourceMan  
       2017-05-31 13:03:50 +08:00
    Vue.nextTick vm.$nextTick 保证一下
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3014 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 13:42 · PVG 21:42 · LAX 06:42 · JFK 09:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.