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

我期望在vue中定义一个函数，但是必须在vue中的data,和整个vue页面渲染完之后再去执行该函数，如果vue没有渲染完毕，就会报错，说我没有定义，找不到undefined；Vue.nextTick(function () { alert('new message'); })该方法可以解决：如我要向页面输出当前的时间戳对应的日期

Jarvan大熊

5592人浏览 · 2018-01-05 11:32:31

Jarvan大熊 · 2018-01-05 11:32:31 发布

我期望在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;  
 })  

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

它可以总共分为8个阶段：
beforeCreate（创建前）,
created（创建后）,
beforeMount(载入前),
mounted（载入后）,
beforeUpdate（更新前）,
updated（更新后）,
beforeDestroy（销毁前）,
destroyed（销毁后）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^