微信小程序页面交互bug解决方法

1、在开发过程中，发现在某种情况下，页面UI层的更新时机全部错乱。即 数据变更后，只有在下次的onShow生命周期里有体现（有种“慢一拍”的感觉），整体的感觉就是 页面的展示和交互完全瘫痪 。

2、长久以来在开发微信小程序时遇到无数的bug都能迎刃而解，在mpvue中，slot（插槽）中的内容不能动态的渲染，那我们可以放弃使用slot内使用动态数据。自定义指令会直接导致编译报错，那么我们可以放弃使用自定义指令。但该问题

花了整整一天的时间调查，最后发现问题是 在自定义组件上动态为v-if绑定值赋值上 。将代码精简到十几行就可以复现bug。

3、对应的index.vue文件的代码如下，逻辑很简单，就是利用v-if控制一个组件的显示：

4、其中引入了posterTest组件。为了调查bug，我将多余的操作处理全部去掉，只有一张图片，它的代码如下：

5、这个页面只要一加载，2秒后控制台就会报下面的错误。

6、而只要报了这个错误，其他页面也跟着挂了。就像前面提到的一样，结果是灾难性的——页面都挂掉了，双向绑定的更新总像慢了一拍。

找到报错的代码，上面还有了一条有意添加的注释（也是vue源码的）

1、mpvue还是要用的，但是以后不能再用v-if来操作组件的显示了，乖乖用v-show吧。但是话说回来，vue这样的操作可是一点毛病没有的。