v-if的作用:通过控制Dom节点的存在与否
v-show的作用是:控制元素的显隐,设置dom元素的display的样式
他们两者的区别就是是否影响性能方面,
如果经常性用到了切换,就需要用v-show
如果是偶尔性的切换,那就用v-if
但按照常理来说,不考虑性能方面,我们一般能用v-if也一定可以用到v-show
但最近小编在撸代码的过程中,遇到了一个神奇的事
我用了element ui中的table组件,有两列是要进行点击切换显隐的。如图
用了v-show失效,奇怪,后来发现,原来是因为v-show起作用的本质是display:none,而因为td的display: table-cell;权限高于display:none,所以v-show失效
权限的问题,所以table中要用到切换显隐的,需要用v-if,v-show无效。
另外,这里也有另一个知识点,v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现复用的情况,所以table中要进行切换的列或者行,要加上key的值
v-show无效,v-if有效的影响
最新推荐文章于 2023-07-28 18:21:36 发布