您的位置:首页 > 产品设计 > UI/UE

vuejs中,如何使一个自定义函数在vue渲染完之后再自动执行

2018-01-05 11:32 489 查看
我期望在vue中定义一个函数,但是必须在vue中的data,和整个vue页面渲染完之后再去执行该函数,如果vue没有渲染完毕,就会报错,说我没有定义,找不到undefined;

Vue.nextTick(function () {
  		alert('new message'); 
})

该方法可以解决:

如我要向页面输出当前的时间戳对应的日期

[plain] view
plain copy

 print?

Vue.nextTick(function () {  

    var time_stamps = (new Date()).getTime();  

    function add0(m){return m<10?'0'+m:m }  

    function format(time_stamps)  

    {  

//time_stamp是整数,否则要parseInt转换  

        var time = new Date(time_stamps);  

        var y = time.getFullYear();  

        var m = time.getMonth()+1;  

        var d = time.getDate();  

        var h = time.getHours();  

        var mm = time.getMinutes();  

        var s = time.getSeconds();  

        return y+''+add0(m)+''+add0(d)+add0(h)+''+add0(mm)+''+add0(s);  

    }  

    var number = format(time_stamps);  

    //alert(number);//结果  

    add_revise.time_stamp = number;  

})  

还有就是vue的生命周期也很重要



它可以总共分为8个阶段:

beforeCreate(创建前),

created(创建后),

beforeMount(载入前),

mounted(载入后),

beforeUpdate(更新前),

updated(更新后),

beforeDestroy(销毁前),

destroyed(销毁后)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐