目的:项目中实现效果,页面数据通过点击数量出现弹窗,弹窗内容又做了一层组件进行渲染, 等于是 父(首页)-子(点击数字出现弹窗外层)-子(渲染弹窗内容,其中有分页数据)
出现问题: 点击A出现弹窗之后,点击弹窗中的分页翻页到第二页或者第三页等等, 关闭弹窗点击B再次出现弹窗,此时弹窗中的分页组件还保留上一次的第三页或者第二页的值,组件没有更新视图
分析原因: 点击弹窗的时候,由于分页组件已经出现过, vue机制不会再次对这个组件进行视图更新,所以需要去使用其他方法触发组件更新
解决方法: 在分页组件的上面添加v-if 让分页组件在二层子组件触发的时候同时再去渲染分页组件更新视图
总结: 数据请求过慢,导致视图未及时响应并发生变化,这类问题,可以利用v-if去促使组件实时更新,达到视图的更新
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。