uview+小程序+u-collapse-item 包含if， slot失效的问题

最新推荐文章于 2025-06-11 12:47:58 发布

一万句的秘密

最新推荐文章于 2025-06-11 12:47:58 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端 vue.js html

本文链接：https://blog.youkuaiyun.com/fhrlhh/article/details/129037125

今天遇到了一个bug,说是下图的插槽一直不显示

查看代码，是一个v-if 控制的插槽，如图

首先是判断v-if的值是不是true，结果发现只因毛问题都没有，最后怀疑到v-if和slot不能同时出现这个问题上，去掉v-if，插槽显示。确定了问题在哪，就开始尝试解决问题。

首先我选择了把v-if 写在外面一层，无果

然后我把v-if写在slot的里层，问题解决

下面是代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一万句的秘密

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【uniapp/uview1.x】u-collapse 高度随内容自适应

花间半盘棋

08-27

1476

当 u-collapse-items 中的内容为动态的时候，会发生这种情况：

vant Collapse 折叠面板更改右侧图标（H5和小程序）

深圳最菜前端

07-08

1万+

今天接到一个需求，写了H5页面，有这么一个视觉类似一个抽屉或者是手风琴效果，然后我在vant组件中找到了类似的页面标题之类的都好搞定，但是就是右手边的icon图标不太好弄，找了半天文章都没有，大多数都是标题党，点进去啥都没有，然后最后还是搞定了，记录一下在官方文档中，给出了一个CollapseItem Slots 一个插槽，可以自定义更改图标，然后在官方的demo中，也找到了类似的一个效果 // 官方文档 <van-collapse v-model="activeNames"> &l

参与评论您还未登录，请先登录后发表或查看评论

在代码中使用uView里calendar中的Slot， tooltip 插槽

最新发布

Korey__的博客

06-11

299

【代码】在代码中使用uView的Slot， tooltip 插槽。

微信小程序中uview折叠面板标题无法显示解决

q1553048604的博客

01-04

1540

解决微信小程序使用uview的折叠面板不显示标题

记录uni-app开发微信小程序踩过得坑，包括iconfont不显示、v-if插槽上不生效、pdf在线预览等

qq_38118138的博客

12-30

6478

记录uni-app开发微信小程序踩过得坑，包括iconfont不显示、v-if插槽上不生效、pdf在线预览等

uniapp踩坑记录-uview1.x的collapse组件中使用具名插槽，在app端不生效

qq_44623314的博客

05-23

2002

uni-app踩坑折叠面板

slot 与v-if配合使用不生效

我只是个很菜的前端

08-11

1844

slot 与v-if配合使用不生效 slot v-if

记录uview Collapse 折叠面板折叠内容不显示问题

qq_45670750的博客

06-20

794

解决uview折叠面板折叠内容不显示问题

uniapp中slot无效的问题

m0_47435082的博客

03-22

1015

【代码】uniapp中slot无效的问题。

uni-app使用slot插槽的不生效的问题

wm9028的专栏

09-14

4429

# uni-app使用slot插槽不生效的问题 > slot 元素作为组件模板之中的内容分发插槽。元素自身将被替换。详情看vue 官方文档最近使用z-paging的demo时，遇到了slot使用不能生效的问题。 ```css ``` ## 解决思路如下：查看问题：slot 一直未编译，最后发

uview的collapse组件实现一键展开，收回功能（修改value，组件展开功能不生效问题踩坑）

weixin_42190844的博客

07-27

5808

uview使用collapse修改value，展开收回效果不生效

u-collapse组件折叠栏展示不全问题

weixin_73610394的博客

01-17

1544

发送完请求之后调用一下次函数。

uview Collapse折叠面板无法动态设置展开问题

J_com的博客

05-10

1285

uView 折叠面板无法动态展开问题

解决微信小程序 [Component] slot ““ is not found.

热门推荐

鱼猫的博客

01-18

2万+

解决方式当使用自定义组件或者slot标签作为组件A的插槽内容时，在组件A中必须定义一个默认插槽，对普通view等标签无限制。场景复现（仅以自己遇到情况为例） 1、调试基础库2.19.4 2、使用weapp 的组件包，以其中的van-search组件为例 3、在任意页面中使用 van-search,控制台会出现[Component] slot "" is not found.的警告，不影响程序运行，只是看着不爽排查过程按照报错的字面意思为使用了一个未定义的默认插槽先看正常的默认插槽用例例有：自

uniapp修改用户头像、u-view实现单元格右侧显示用户头像、u-cell-item 的自定义内容、自定义插槽无效

maktoub的博客

04-11

1897

发现**自定义u-cell-item 的插槽无效**，作者在文档中提供的使用方式如下，应该是写错了，在显示头像的的同时，显示出右侧箭头

uniapp或小程序多级插槽slot会失效

前端开发工程博客

07-22

5786

uniapp中使用slot插槽让用户自定义图标，插槽嵌套有三层（多层）会发现插槽失效的行为,小程序端总是显示默认内容，H5端正常。

vue: slot插槽不起作用的解决办法

weixin_46704556的博客

07-10

9875

slot插槽不起作用的解决办法原因：虽然没有报错，但是不显示内容，可能是版本问题，slot插槽的使用方法已经改变修改为：使用的每一个slot都需要一个 template 包裹，且 slot=“名称” 修改为 v-slot:名称下面通过一个例子说明使用slot 原先： <template> <tab-bar> <tab-bar-item path="/home"> <img slot="item-icon" src="../

VUE slot 插槽失效、不起作用、显示失败问题解决

NDSC_L的博客

11-07

2万+

VUE slot 插槽失效、不起作用、显示失败问题解决被 slot 插槽问题折磨了一晚上，一下为总结 **主要分三种： 1、slot 写成了 solt 2、使用的每一个slot都需要一个 template 包裹，且 slot=“名称” 修改为 v-slot:名称，具体解决方法如下 https://blog.csdn.net/weixin_46704556/article/details/118638344 3、slot 里面的name属性不能有大写字母，全改成小写即可** <div i

uview的Collapse的动态刷新问题

qq_43345846的博客

07-16

5263

简单的说就是通过网络请求、延时等异步操作获取数据后，数据不会展示出来，我先来重现一下： html部分 <template> <view> <u-collapse> <u-collapse-item title="下面循环的数据展示不出来" open> <p>写死的p标签</p> <p v-for="(item,index) in testData" :key="index">{{`p标签循环$

uni-app+uView开发牙科诊所预约小程序源码

资源摘要信息: "本文主要介绍了一款基于uni-app和uView框架开发的牙科诊所预约管理系统微信小程序源码。该系统旨在为牙科诊所提供一套完整的预约管理解决方案，帮助诊所更高效地管理预约流程，同时也为患者提供便捷...