记录一次粗心造成的bug

v-if 与 v-show

有一个列表和弹窗的 UI,v-if 进行控制,

列表内每条 item 数据上有个按钮,按钮点击后列表消失,弹窗出现。点击弹窗内 X 号后,弹窗消失,列表出现。

bug:无论列表滚动到哪,弹窗消失后,列表都会回到顶部

原因:v-if每次显示的时候都是重新渲染,当然会从头开始,此处应该用v-show