微信小程序

最新推荐文章于 2024-08-11 22:08:54 发布

cuter_zz

最新推荐文章于 2024-08-11 22:08:54 发布

阅读量137

点赞数

分类专栏：微信小程序文章标签：微信小程序 slot 父组件编程细节错误排查

本文链接：https://blog.youkuaiyun.com/cuter_zz/article/details/113483591

版权

微信小程序专栏收录该内容

2 篇文章

订阅专栏

本文讲述了在开发微信小程序时，由于忽视了父组件中的slot标签导致的问题，强调了编程时的细心和专注的重要性。通过分享这个小故事，提醒开发者们在编写代码时务必注意每个细节，避免因小失大。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写代码是时候是真的一点杂念都不能有，而且要无比细心，要不然是一个芝麻大点的问题能耽误我们一个小时
今天在写微信小程序，用到插槽slot，由于在父组件中没写slot标签，把自己气了半死
希望小伙伴们可以细心点
你是最棒的！
组件中代码：

<view class="good">
	<Search></Search>
	<tabs tabs="{{tabs}}" binditemchange="handleItemChange">\
		<block wx:if="{{tabs[0].active}}">111</block>
		<block wx:elif="{{tabs[1].active}}">1</block>
		<block wx:else>4</block>
	</tabs>
</view>

父组件中：

<view class="tabs">
	<!-- 标题 -->
	<view
	 class=""
	 wx:for="{{tabs}}"
	 wx:key="id"
	 class="tabs_title {{item.active?'active':''}}"
	 bindtap="handle"
	 data-index="{{index}}"
	>
		{{item.value}}
		<slot></slot>
	</view>
</view>