在app this.$slots在mounted输出为空字符串,用$slots.label判断插槽显示触发不了
1条回答 默认 最新
关注
【相关推荐】
- 这篇博客: vue slot 插槽使用详解中的 $slots 属性 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
$slots 用来访问被插槽分发的内容,在组件开发中承载了非常重要的作用,详情请看官网
vue $slots。2.6之后与之前版本的 $slots 属性略有不同,下面做一个简单对比
子组件模板如下:
<template> <div class="hello"> <slot></slot> <slot name="title"></slot> </div> </template> <script> export default { mounted () { console.log(this.$slots, 'slot===2.x') }, } </script>
2.6版本以下组件使用:
<HelloWorld> <div>这是将被默认插槽接收的内容</div> <div slot="title">这是传递给title插槽的内容</div> </HelloWorld>
输出如下:
2.6 及以上版本使用:
<HelloWorld > <template v-slot>这是将被默认插槽接收的内容</template> <template v-slot:title> <div>这是传递给title solt的内容</div> </template> </HelloWorld>
输出如下:
很明显两个版本 $slots 属性值得类型是不同的,更深层次这里不做讨论,推荐查看:
如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^解决 无用评论 打赏 举报- 这篇博客: vue slot 插槽使用详解中的 $slots 属性 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
悬赏问题
- ¥15 这种情况的伯德图和奈奎斯特曲线怎么分析?
- ¥50 paddleocr带斜线的0很容易识别成9
- ¥15 电子档案元素采集(tiff及PDF扫描图片)
- ¥15 flink-sql-connector-rabbitmq使用
- ¥15 zynq7015,PCIE读写延时偏大
- ¥15 使用spss做psm(倾向性评分匹配)遇到问题
- ¥20 vue+UEditor附件上传问题
- ¥15 想做个WPS的自动化代码,不知道能做的起不。
- ¥15 uniApp,生成安卓安卓包后,黑暗主题中间内容不生效,底部导航正常
- ¥15 斯坦福自动漂移非线性模型反解