有这样的业务需求:
行编辑
所以这就涉及到v-if和v-show的取舍
之前想法是用v-show,也就是一个切换,但是不行,v-show和v-if有时候的区别还是挺大的
v-if是根据条件渲染,v-show一定会渲染,展示与否,修改display属性
v-if是真正的对dom元素进行销毁和重建,v-show是css层次的变化。
其次v-if是惰性的,当条件为假的时候,什么也不做。v-show不论真假都会加载,然后考虑展示
所以,如果上图的判断条件使用的是v-show,那么点击编辑前,show已经加载好了,页面加载的时候就已经固定了,将导致页面的组件不再重新渲染。