在加载父子组件模板过程中,一开始虽然没有数据渲染dom元素,但是父子组件的代码都是会执行,即一开始子组件中并没有数据。当用户第一次点击表格中的某条数据,子组件通过父组件表格中某条数据的id请求到详情数据。当用户第二次点击父组件的某条数据元素时,api请求的参数id就产生了变化,此时,vue会循环遍历视图中所有model的值,检查有没有发生变化的绑定的model的值。图中,我们刚获取到id的值,如果立马去执行子组件的eventDetail方法,那么api请求的参数还没有变化过来。这个时候,我们就用到了$nextTick函数。意思就是待数据变化完成之后,再进行数据操作。
$nextTick函数
最新推荐文章于 2024-08-02 18:21:33 发布