需求场景
公司有一个房地产方向的小程序,在楼盘详情页使用的是公司内部开发的小程序插件,目前有一个需求:需要重构详情页面,将变价提醒和开盘提醒放到插件中。
以下是图片示例:

由于这里涉及到小程序订阅,如果将代码直接放到插件中无法使用,且逻辑比较复杂,经过和产品经理的讨论,这两个功能只在这个小程序中使用,所以可以转变思路,用类似于vue的slot方式在插件中展示。
解决方法
通过小程序文档发现,在小程序插件中提供了一种方式,类似于vue的slot,可以直接将整个代码以组件的方式传递给插件,插件获取使用,所以可以将变价和提醒封装成两个组件,并使用generic:xxxxx传入到插件中。

注意:在使用过程中发现多个,插件的slot是无法命名的,多个slot需要传递不一样的组件名称,然后插件中分别使用,不然会有报错。
文章讲述了在重构房地产方向的小程序详情页时,如何利用类似Vue的slot机制,将变价提醒和开盘提醒功能封装成组件,通过小程序插件的无命名slot传递给内部插件使用,以解决订阅和复杂逻辑的问题。过程中注意到插件slot的限制,即多个slot需使用不同组件名称避免报错。

被折叠的 条评论
为什么被折叠?



