码迷,mamicode.com
首页 > 其他好文 > 详细

【vue】条件渲染 v-if v-else

时间:2019-03-04 11:14:07      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:span   type   size   you   pre   属性   username   address   int   

    1.Vue 提供了一种方式来表达“这两个元素是完全独立的,不要复用它们”。只需添加一个具有唯一值的 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>

  现在,每次切换时,输入框都将被重新渲染。

【vue】条件渲染 v-if v-else

标签:span   type   size   you   pre   属性   username   address   int   

原文地址:https://www.cnblogs.com/whblogs/p/10469462.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!