今天在使用<slot>插槽时，出来一个问题，那就是使用v-show的标签没有被执行
但是，<slot>插槽的功能是可以正常使用的。
废话不多说了，下面先看图，然后在说解决办法：
插槽.png
想要问题再现，照着图片上的写一些就行，我这里使用的modal模板是 iview 提供的，至于安装自己去官网上看
在图片中父组件使用了<slot>和v-show
解决办法：
v-show 改成 v-if
网上找到了解释是：
就跟<template></template>一样页面上跟本没有这个标签对，当然没办法在其上添加css display属性了，所以对 <slot> <template> 都不能使用 v-show 改用 v-if
slot 不能用v-show，只能使用v–if
今天在使用 插槽时，出来一个问题，那就是使用v-show的标签没有被执行但是， 插槽的功能是可以正常使用的。 废话...
在Vue中使用插槽slot，是无法通过v-show控制slot的显示的，来看代码 这是随便写的一个封装动画组件，如...
slot 不能用v-show，只能使用v–if
vue插槽slot的理解与使用 vue slot插槽的使用介绍及总结
vue template 中 slot-scope/scope 的使用在vue 2.5.0+ 中slot-scop...
Vue 在 2.6 版本中，对插槽使用 v-slot 新语法，取代了旧语法的 slot 和 slot-scope，...
vue slot用法1： slot主要是让组件的可扩展性更强 1.匿名slot使用 //定义组件 //使用方法 <...
Vue slot的使用参考：26.Vue slot内容分发 什么是slot分发解构：官方定义：如果一个 JavaS...
1.前言 1.使用vue3 的slot插槽时,大部分和vue2-slot插槽[https://www.jiansh...
Web Component中使用slot的使用方式与vue中slot很像，或许后者借用了前者的思想。 Web Co...
本文标题：vue 使用
本文链接：https://www.haomeiwen.com/subject/ybfgoqtx.html
网友评论