请问为什么这节课里v-show有问题呢

来源：5-7 Vue中的动画封装

小学生6年级

2018-06-22

就是老师用了v-if才能实现，v-show无法实现，为什么呢

写回答

3回答

于曼丽

2018-07-18

是不是因为 <slot v-show="show> 其实是将 <slot style="display:none"> 来隐藏元素，可是为 slot 元素添加的样式是无法添加到插槽内的实际 dom 元素上的，因此就不管用了。我觉得老师这样的写法不是很妥当，最好应该在 <fade v-if="show"> 这里指定 v-if 和 v-show，或者是在 <fade><h1 v-if="show">Hello World</h1></fade>，这样就不需要向组件内传递 props 参数， :show="show"，而且还可以应用 v-show="show"