解决方法:
使用key标识不同的div(或组件),同时使用v-if, v-else-if,v-else指令
如果只使用key标识,不使用v-if,v-else等指令组合而是单单使用 v-if会失败,即不重新渲染。
正确的示例如下:
<div class="content" :key="111" v-if="page == 1">
</div>
<div class="content" :key="222" v-else-if="page==2">
</div>
<div class="content" :key="333" v-else>
</div>
错误示例:
<div class="content" :key="111" v-if="page == 1">
</div>
<div class="content" :key="222" v-if="page==2">
</div>
<div class="content" :key="333" v-if="page==3">
</div>