vue中强制刷新某组件重置dom

适用场景父组件触发点击事件更新数据后子组件dom不实时刷新，页面数据不从新渲染解决办法同过v-if控制字组件显示隐藏，每次更新数据通过vm.$nextTick方法重置组件Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在...

子谦呀

6823人浏览 · 2019-04-16 11:58:32

子谦呀 · 2019-04-16 11:58:32 发布

适用场景父组件触发点击事件更新数据后子组件dom不实时刷新，页面数据不从新渲染
在这里插入图片描述

解决办法同过v-if控制字组件显示隐藏，每次更新数据通过vm.$nextTick方法重置组件

Vue 实现双向绑定并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。
$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^