<template v-if="type==='mobile'">
<label>手机号：</label>
<input placeholder="请输入手机号" key="mobile">
</template>
<template v-else>
<label>邮箱：</label>
<input placeholder="请输入邮箱" key="email">
</template>
<button @click="toggleAccount">切换账号</button>
</div>
效果：
我们为每一个 input 指定了 key 属性，所以它们是独立的，每次点击都不一样。而这里的 label 是可复用的，因为我们没有给它设定 key 属性。
总结
以上所述是小编给大家介绍的Vue.js 中的条件渲染指令，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
