v-if v-show的再次认识

v-show

v-show相当于是v-style=”display:none”和v-style=”display:block”的快捷方式。仅仅是CSS层面的修改

v-if

v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

在使用过程中一般不会出现大的差错，但是在一次el-table-column的切换中出现了报错情况。究其原因就是eltable的每一列是循环产生的，所以要在每一列中加上key，这样就不会报错。记住仅仅在用到v-if的el-table-column是不起作用的。需要在所有的列上加上key。有的建议key=Math.random()，但是据说会出现异常情况，个人建议和props是取相同的值即可。