如果我们在有输入内容的情况下，切换了类型，我们会发现文字依然显示之前的输入的内容。
但是按道理讲，我们应该切换到另外一个input元素中了。
在另一个input元素中，我们并没有输入内容。
为什么会出现这个问题呢？
image.png
这是因为Vue在进行DOM渲染时，出于性能考虑，会尽可能的复用已经存在的元素，而不是重新创建新的元素。
在上面的案例中，Vue内部会发现原来的input元素不再使用，直接作为else中的input来使用了。
如果我们在有输入内容的情况下，切换了类型，我们会发现文字依然显示之前的输入的内容。
但是按道理讲，我们应该切换到另外一个input元素中了。
在另一个input元素中，我们并没有输入内容。
为什么会出现这个问题呢？
image.png
这是因为Vue在进行DOM渲染时，出于性能考虑，会尽可能的复用已经存在的元素，而不是重新创建新的元素。
在上面的案例中，Vue内部会发现原来的input元素不再使用，直接作为else中的input来使用了。
如果我们在有输入内容的情况下，切换了类型，我们会发现文字依然显示之前的输入的内容。但是按道理讲，我们应该切换到另外...
1.vue中的条件渲染 2.vue中的列表渲染&dom循环 3.对象循环
1、vue中的$nextTick()的用法和原理 vue的DOM更新是异步的，当数据更新了，再dom中渲染后，自动...
场景：获取接口数据，更新dom问题：数据更新了，dom未渲染代码： 原因：vue的dom更新是异步的，即当sett...
Vue使用基于HTML的模板语法 模板编译为虚拟DOM渲染函数 状态改变 Vue计算渲染组件最小代价更新DOM 也...
Vue中的render渲染函数 render函数只支持jsx写法创建虚拟Dom节点。vue组件中的template...
vnode => dom虚拟 => 真是dom (vue 初始化渲染) 更新节点
Vue里的虚拟DOM就是渲染函数生成的， Vue在底层实现中，会将模板编译成渲染函数，当然我们也可以不写模板，直接...
1.js精度的问题 2.vue框架的使用 1.尽量用虚拟dom渲染页面，不直接使用dom() 2.template...
问题解析：在浏览器dom渲染中，对于div等dom元素的渲染，会对非整数宽度的dom自动渲染为整数宽度，比如说10...
本文标题：vue 中DOM渲染的问题
本文链接：https://www.haomeiwen.com/subject/uszlcrtx.html
网友评论