yantianqi
V2EX  ›  问与答

vue 生命周期 mounted 钩子函数

  •  
  •   yantianqi · May 31, 2017 · 3407 views
    This topic created in 3284 days ago, the information mentioned may be changed or developed.
    mounted:function(){
        alert('mounted')
    }
    

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

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

    应该注意的是,使用 mounted 并不能保证钩子函数中的 this.$el 在 document 中。为此还应该引入 Vue.nextTick/vm.$nextTick。
    SourceMan
        5
    SourceMan  
       May 31, 2017
    Vue.nextTick vm.$nextTick 保证一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4286 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 05:30 · PVG 13:30 · LAX 22:30 · JFK 01:30
    ♥ Do have faith in what you're doing.