type
status
date
slug
summary
tags
category
icon
password
📝 v-if小技巧
v-if
v-if是通过控制Vue的虚拟DOM树上的节点来间接控制真实DOM树上的节点，当虚拟DOM树上的节点被删除时，Vue的响应系统会实时删除对应的真实DOM树上的节点,是真正的条件渲染，只有在渲染条件为true时才会进行编译，会触发组件的生命周期。
知道这个特性后，我偶然碰到一个问题：
elementUI组件中的<el-date-picker>，当你修改它的type属性或者设置type属性是由一个按钮控制的动态值时，它会发生错位。
当出现这个情况时我实在不想去写重复的代码，设置多个<el-date-picker>然后再通过控制显隐来做这件事，我就是想把type属性设置成一个动态值，但它又会发生错位.
这时，我突然想到v-if可以重新加载DOM节点，那我应该可以通过利用v-if销毁重新加载来解决错位问题