vue 模板加载之后 执行js 渲染 DOM

来源:互联网 发布:tomcat是java开发的吗 编辑:程序博客网 时间:2024/06/05 05:11

首次用vue,爬坑中,没有大神指导,55555

用vue router 实现路由 切换,加载不同的模板,加载模板之后取后台数据渲染页面和初始化一些组件,比如 datepicke 之类的插件,

刚开始不会vue ,初始化的事情都在 $(function({...})) 中,这样肯定是不好的,但是最终效果是能实现的,慢慢的摸索之后开始改进,通过组件加载template 之后 初始化 datepicke  发现竟然没有初始化成功。debugger 进去之后 发现DOM 并没有生成,此时调用$("#..").datePicker(); 肯定就没有成功了,然后就度年了,各种坑.....

最后看到了 $nextTick 函数,抱着试试的态度,哎还真可以了,这个是延迟初始化dom 操作,也就是在dom加载成功之后回调执行。废话不说了,上代码

methods : {    initDatePicker : function () {        //Date range picker        this.$nextTick(function () {            $('#reservation').daterangepicker();        })    }
}
created : function () {    this.initDatePicker();}
此功能类似ready 操作

阅读全文
1 0
原创粉丝点击