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

slot 元素作为组件模板之中的内容分发插槽。 元素自身将被替换。详情看vue 官方文档

最近使用z-paging的demo时,遇到了slot使用不能生效的问题。

<view class="top-nav" slot="top">
	<view class="head-nav">
		<!-- 你的代码 -->
	</view>
</view>

解决思路如下:

查看问题:slot 一直未编译,最后发现写法上变了。参考了uni-list-item的重写的代码

解决方式如下:

<template v-slot:top>
	<view class="top-nav">
		<view class="head-nav">
			<!-- 你的代码 -->
		</view>
	</view>
</template>

到此,解决完毕!

Logo

前往低代码交流专区

更多推荐