方案: 如下,当没有内容时,显示空图标 wxml: <view class="container" > <view class="page-header"><slot name="header" /></view> <view class="page-body"> <view class="page-content"><slot /></view> <empty class="empty" text="{{emptyText}}" icon="{{emptyIcon}}" /> </view> </view> wxss: .empty{ visibility:hidden } .page-content:empty + .empty{ visibility:visible; }
自定义组件如何判断slot是否存在在小程序的组件中定义如下： [代码]<[代码][代码]view[代码][代码]>[代码][代码]<[代码][代码]slot[代码] [代码]name[代码][代码]=[代码][代码]"a"[代码][代码]></[代码][代码]slot[代码][代码]>[代码][代码]<[代码][代码]slot[代码] [代码]name[代码][代码]=[代码][代码]"b"[代码][代码]></[代码][代码]slot[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] 使用时 [代码]<[代码][代码]component-test[代码][代码]>[代码][代码]<[代码][代码]view[代码] [代码]slot[代码][代码]=[代码][代码]"b"[代码][代码]>test</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]component-test[代码][代码]>[代码]该怎么判断slot a是否存在呢？（不存在的元素做隐藏）
2020-07-22
获得过 0 次赞
回答过的问题获得 0 次赞
分享过的文章/案例获得 0 次赞
评论与回复获得 0 次赞