vuejs中,如何使一个自定义函数在vue渲染完之后再自动执行
2018-01-05 11:32
489 查看
我期望在vue中定义一个函数,但是必须在vue中的data,和整个vue页面渲染完之后再去执行该函数,如果vue没有渲染完毕,就会报错,说我没有定义,找不到undefined;
该方法可以解决:
如我要向页面输出当前的时间戳对应的日期
[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(销毁后)
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(销毁后)
相关文章推荐
- vuejs中,如何使一个自定义函数在vue渲染完之后再自动执行
- vuejs -- 如何使一个自定义函数在加载时自动执行
- javaScript学习笔记——如何在加载完某个标签之后执行一个函数
- 如何让vuejs中ready函数加载完之后执行某个函数?
- [收藏]如何构造一个main以外执行的函数
- 在Qt中如何判断鼠标离开某一操作的时候,在时间差内自动执行某一个操作
- 如何在NCL(The NCAR Command Language )启动时自动加载自定义的函数和程序
- 在Java中如何设置一个定时任务,在每天的一个时间点自动执行一个特定的程序
- Sql Server每日一练-如何在 SQL Server 启动时自动执行一个存储过程
- 使用vue如何构建一个自动建站项目
- 在JavaScript中想让一个函数执行完毕之后再执行下一个函数?
- vue 模板加载之后 执行js 渲染 DOM
- 在主函数main()之后再执行另外一个函数的方法
- vuejs实现ready函数加载完之后执行某个函数的方法
- js 执行完一个函数之后再执行另外一个函数
- c/c++怎样在程序的入口处main()函数之前和之后执行另外的自定义函数
- 本文教你如何使用autoconf、automake等来制作一个以源代码形式(.tar.gz)发布的软件、并可在执行configure时使用自定义参数。
- js如何查看一个函数的执行时间
- Flex中如何在Tree控件中指定一个自定义的label函数使其返回的标签名字为叶项目的名称的例子
- 使用spring声明式事务,spring使用AOP来支持声明式事务,会根据事务属性,自动在方法调用之前决定是否开启一个事务,并在方法执行之后决定事务提交或回滚事务。