qq_39917308的博客

原创 vue用v-if配合img实现复选框，出现页面渲染后初次点击导致div抖动

结论：发现是v-if的特性导致，v-if 根据后面的表达式布尔值进行渲染，但是他是惰性加载，默认false时，如果一开始是false则不会渲染，只有变为true时才开始局部编译，这也就是解释了为什么总是页面刷新后第一次勾选会抖动一下。背景：已选择和未选择是两张图，通过v-if实现切换，但是发现每次页面渲染完第一次点击复选框，会出现那一行的div抖动一下，之后再点就没事。v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-if有更高的切换消耗，不适合做频繁的切换；