vue虚拟dom
vue的虚拟dom并没有刷新页面,![在这里插入图片描述](https://img-blog.csdnimg.cn/20200910163724981.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1amlhbmdwZW5n,size_16,color_FFFFFF,t_70#pic_center)
if、else切换后,并没有让输入框的内容消失。是因为vue的虚拟dom会检测input和lable是否在if和else中都存在,存在就把相关属性更新显示,表现出来就是改变了dom,其实并不是。
而因为并未刷新,所以里面的value值还在。处理方法就是给input框增加key属性,当vue发现key值不一样时,不会进行虚拟dom的刷新而选择直接刷新。