如果我们在有输入内容的情况下,切换了类型,我们会发现文字依然显示之前的输入的内容。f
但是按道理讲,我们应该切换到另外- -个input元素中了.在另一个input元素中,我们并没有输入内容。
切换
为什么会出现这个问题呢?
问题解答:
这是因为Vue在进行DOM渲染时,出于性能考虑。会尽可能的复用已经存在的元素,而不是在新创建新的元素。
在上面的案例中, Vue内部会发现原来的input元素不再使用,直接作为else中的input来使用了。
■解决方案:
如果我们不希望Vue出现类似重复利用的问题,可以给对应的input添加key，并且我们需要保证key的不同
如果我们在有输入内容的情况下,切换了类型,我们会发现文字依然显示之前的输入的内容。f 但是按道理讲,我们应该切换到...
如果我们在有输入内容的情况下，切换了类型，我们会发现文字依然显示之前的输入的内容。但是按道理讲，我们应该切换到另外...
问题：在input1中输入内容后，切换类型后，发现input2中显示之前input1中输入的内容 分析：vue底层...
输入框内容实时映射到下边的标签中显示 放两个按钮 + 和 -点击 + 输入框输入的数字+1点击 - 输入框输入的数...
特性 占位文字上浮 输入内容错误时，下方显示提示信息 输入框右下角显示字数限制 显示历史输入记录列表，方便用户输入...
应用场景： 在确认订单页面 里输入了一些内容 但选择地址切换了路由后 返回来的时候 以前输入的内容没有了 。切换选...
在原有项目基础上实现： enter键提交输入框内容 点击添加键后聚焦输入框 实现删除任务 实现任务状态切换 实现任...
显示提示文字 属性：hint用法：hint="输入你想要输入的内容"实例 修改提示文字的大小 代码中动态修改实现
今天要做的效果是： （1）当输入框显示的文字是“请输入文字”，输入框获得焦点时提示语消失。 （2）当输入框内容为空...
HTML代码: jQ代码: //获取id focus()是处理获取焦点的方法 $("#email").focus(...
本文标题：输入内容后点击切换,文字依然显示之前的输入的内容
本文链接：https://www.haomeiwen.com/subject/lcpmektx.html
网友评论