v-if/v-else 不重新传染

最新推荐文章于 2022-11-23 14:35:54 发布

weixin_34347651

最新推荐文章于 2022-11-23 14:35:54 发布

阅读量117

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/3589012/blog/3001896

版权

2019独角兽企业重金招聘Python工程师标准>>>

<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username">
</template>
<template v-else>
  <label>Email</label>
  <input placeholder="Enter your email address">
</template>

切换两个代码块时，input框内的内容还会保留，解决方法：添加一个具有唯一值的key属性

在input上加不同的key

<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username" key="username-input">
</template>
<template v-else>
  <label>Email</label>
  <input placeholder="Enter your email address" key="email-input">
</template>

转载于:https://my.oschina.net/u/3589012/blog/3001896