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

	Vue.nextTick(function () {
  		alert('new message'); 
	})
该方法可以解决：

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

[plain]  view plain  copy
 print ?
  1. Vue.nextTick(function () {  
  2.     var time_stamps = (new Date()).getTime();  
  3.     function add0(m){return m<10?'0'+m:m }  
  4.     function format(time_stamps)  
  5.     {  
  6. //time_stamp是整数，否则要parseInt转换  
  7.         var time = new Date(time_stamps);  
  8.         var y = time.getFullYear();  
  9.         var m = time.getMonth()+1;  
  10.         var d = time.getDate();  
  11.         var h = time.getHours();  
  12.         var mm = time.getMinutes();  
  13.         var s = time.getSeconds();  
  14.         return y+''+add0(m)+''+add0(d)+add0(h)+''+add0(mm)+''+add0(s);  
  15.     }  
  16.     var number = format(time_stamps);  
  17.     //alert(number);//结果  
  18.     add_revise.time_stamp = number;  
  19. })  



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





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

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue