vue 指令中v-if,v-show 区别

150 阅读1分钟

第一篇文章,先从最近工作上遇到的一个小问题说起,vue 项目使用v-if 来控制元素的显示和隐藏,结果条件为false 时,元素并没有隐藏,改用v-show就可以了。下面初略的整理了一下v-if和v-show 两个指令的区别。 1、v-if 是向dom树中动态新增和删除dom元素,v-show只是控制元素的显隐,元素会被渲染,通过css来控制。 2、v-if多用于子组件的,v-show多用于组件内部的 3、v-if可以用于条件改变较少的情况,v-show可以用于条件改变较多的情况 4、el-table用来控制某列的显示和隐藏只能使用v-if