v-show :无论他的布尔值是true还是false,DOM元素始终存在 只是false的时候 display:none
v-if:布尔值是true的时候渲染DOM元素 为false的时候 就彻底的消失 不存在了 没有此节点
举个栗子:
![](https://img.haomeiwen.com/i6562608/719a9a111ce2fccb.png)
![](https://img.haomeiwen.com/i6562608/c3d58fed4c12c0c8.png)
就比如这个弹出遮罩层 就必须用v-show 因为它里面的一些值比如说 销售价 库存等这些信息 就算遮罩层消失了 但是还是需要从这里拿到的 如果用v-if控制 就会报错 因为没有此Dom元素了
v-show :无论他的布尔值是true还是false,DOM元素始终存在 只是false的时候 display:none
v-if:布尔值是true的时候渲染DOM元素 为false的时候 就彻底的消失 不存在了 没有此节点
举个栗子:
就比如这个弹出遮罩层 就必须用v-show 因为它里面的一些值比如说 销售价 库存等这些信息 就算遮罩层消失了 但是还是需要从这里拿到的 如果用v-if控制 就会报错 因为没有此Dom元素了
本文标题:v-if 和v-show的区别
本文链接:https://www.haomeiwen.com/subject/vxhpkftx.html
网友评论