解决vue v-if 不重新渲染组件问题

问题描述：tab切换，发现v-if 的组件并没有销毁掉组件原因：Vue组件v-if新渲染的组件不更新：可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。解决办法：给原来的组件和新组件分别给不同的key值让Vue识别为不同的组件。...

songywaa

9901人浏览 · 2020-08-19 10:52:29

songywaa · 2020-08-19 10:52:29 发布

问题描述：

tab切换，发现v-if 并没有销毁掉组件

原因：

可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。

解决办法：

给俩个高度相似的组件分别加上不同的key值让Vue识别为不同的组件。

在这里插入图片描述

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}$/, //不连续的两位字母// /^