vue强制刷新组件
2018-01-31 10:43
1531 查看
把一个组件重置到初始状态是一个常见的需求，推荐的做法有两种，一种是父组件重置子组件的 prop，另一种是子组件暴露一个重置的方法供父组件调用。但有些时候，子组件既没有提供重置的方法，也没提供 prop 来重置自己的状态。更重要的是，这个子组件我们还动不了。于是我们就需要一种 hack 的方式来强制子组件重置到初始状态。方法如下：
v-if 在切换时，元素及它的绑定数据和组件都会被销毁并重建
| 1 | <component v-if="hackReset"></component> |
| 1234 | this.hackReset = falsethis.$nextTick(() => { this.hackReset = true}) |
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- vue.js组件之间通讯的数据双向绑定----父亲把数据传递给儿子，儿子更改数据后，重新发送给父亲，父亲数据更改后，属性会重新发送个儿子，儿子刷新新数据
- vue-router中关于组件复用页面不刷新的问题
- Unity3D UGUI强制刷新Layout（布局）组件
- 使用Vue开发动态刷新Echarts组件的教程详解
- VUE 中 使用 iview Form组件 enter键防止页面刷新
- vue-router组件状态刷新消失的问题
- vue刷新当前路由：router-view 复用组件时不刷新的3种解决方案总结
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- 移动端刷新组件XtnScroll--Vue实现
- Vuejs刷新页面子组件数据丢失问题的一点笔记
- EXT4.2 强制刷新组件
- Vue源码翻译之组件初始化。
- 无刷新的聊天室的制作兼谈组件制作和ClientSide Script
- vue 全局组件和局部组件
- vue 自定义 select内置组件
- vue几种组件传值
- vue.js2.0父组件点击触发子组件方法
- vue.js - 父向子组件传参(上)
- Vue组件绑定自定义事件(子向父传递事件)