vue show的强制更新渲染页面

当点击下一步,div2就隐藏了,div3才出现,然后到了点击上一步,div2就出现,div3消失,但是现在其他的都可以实现,写法也没错,就是点击上一步的时候div3不消失,好像是页面需要强制更新,但这个强制更新我不太清楚怎么写

this.$forceUpdate()强制更新

代码贴出来看看

看题主上面的代码,其实就是通过事件触发属性值控制div显示隐藏,建议可以把div2 先注释看看是否还有问题,提供一个思路,可以使用nexttick()试试,了解一下Eventloop,代码执行和浏览器渲染过程。

ps:这两个方法可以合并,上一步里面 if else  也有重复代码,可以去掉。少写代码多注释,好习惯从头开始养成

就你目前的代码来看,点击上一步和下一步的时候,页面是有元素发生变化的,可能是v-show的位置写的不对