vue if 注意点

Posted 2020-10-24 GIC扫地僧

默认情况下在切换dom时相同的结构会被复用。如果不需要复用，需要在元素上加key. 

如：

<button @click="reg=!reg" 切换登陆/注册状态</button>
<template v-if="reg">
    <label>注册</label>
    <input type="text" key="1">
</template>
<template v-else>
    <label>登陆</label>
    <input type="text" key="2">
</template>