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

最新推荐文章于 2024-08-20 09:59:18 发布

Jarvan大熊

最新推荐文章于 2024-08-20 09:59:18 发布

阅读量5.5k

点赞数 2

分类专栏： Vue.js 文章标签： Vue.js

本文链接：https://blog.csdn.net/dx18520548758/article/details/78979408

版权

Vue.js 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

我期望在vue中定义一个函数，但是必须在vue中的data,和整个vue页面渲染完之后再去执行该函数，如果vue没有渲染完毕，就会报错，说我没有定义，找不到undefined；

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

该方法可以解决：

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

[plain]view plaincopy 
    
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;  
 })  