切换登录时,清空input输入框

 在uniapp登录页面时,会出现几种登录方式,当切换登录方式时,会出现input复用问题。像下面图中所示。

出现复用的原因是:Vue在进行Dom渲染时,出于性能考虑,会复用已经存在的元素,而不是重新创建新的元素。

解决方案:给每个input加上不同的key。

切换登录时,清空input输入框_第1张图片

未加key时:

切换登录时,清空input输入框_第2张图片

加key代码及效果:

不同登录方式加对应的key

切换登录时,清空input输入框_第3张图片

 切换登录时,清空input输入框_第4张图片

你可能感兴趣的:(uni-app/小程序,前端,vue.js,javascript,uni-app)