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

最新推荐文章于 2024-08-27 09:43:18 发布

燕燕的猪

最新推荐文章于 2024-08-27 09:43:18 发布

阅读量1k

点赞数 13

文章标签： uni-app javascript

本文链接：https://blog.csdn.net/q1553048604/article/details/135382726

版权

先看一段组件的源码，
在这里插入图片描述
这里有说明到微信小程序不支持，所以官网实例的写法在微信小程序是不行的

经过多种尝试，以下代码写法是可行的，informationList是数组数据，其中text是标题数据，u-icon是右侧图标，u-parse是展示展开的数据因为我的展示显示的数据是富文本的数据所以用了u-parse

<view class="questionBox">
	<u-collapse accordion>
		<u-collapse-item v-for="(item, index) in informationList" :key="index">
			<text slot="title1">{{index+1+"、"+item.title}}</text>
			<u-icon name="arrow-right" slot="right-icon1" size="20"></u-icon>
			<u-parse :content="item.content"></u-parse>
		</u-collapse-item>
	</u-collapse>
</view>