vue-slot插槽v-show的bug问题
在项目中,有个组件使用的插槽,想控制插槽里面内容的现实隐藏,使用v-show后发现没效果,经过查阅资料,发现尤雨溪在社区里解释过这个问题:
vue的插槽是一种类似于template的抽象元素,本质上并不是真正的HTML元素,而v-show是控制元素的css属性display实现的,既然slot本质上并不是HTML元素,那当然没有这个css属性了
解决方法: 使用v-if代替v-show
在项目中,有个组件使用的插槽,想控制插槽里面内容的现实隐藏,使用v-show后发现没效果,经过查阅资料,发现尤雨溪在社区里解释过这个问题:
vue的插槽是一种类似于template的抽象元素,本质上并不是真正的HTML元素,而v-show是控制元素的css属性display实现的,既然slot本质上并不是HTML元素,那当然没有这个css属性了
解决方法: 使用v-if代替v-show