需求场景
公司有一个房地产方向的小程序,在楼盘详情页使用的是公司内部开发的小程序插件,目前有一个需求:需要重构详情页面,将变价提醒和开盘提醒放到插件中。
以下是图片示例:
由于这里涉及到小程序订阅,如果将代码直接放到插件中无法使用,且逻辑比较复杂,经过和产品经理的讨论,这两个功能只在这个小程序中使用,所以可以转变思路,用类似于vue的slot方式在插件中展示。
解决方法
通过小程序文档发现,在小程序插件中提供了一种方式,类似于vue的slot,可以直接将整个代码以组件的方式传递给插件,插件获取使用,所以可以将变价和提醒封装成两个组件,并使用generic:xxxxx传入到插件中。
注意:在使用过程中发现多个,插件的slot是无法命名的,多个slot需要传递不一样的组件名称,然后插件中分别使用,不然会有报错。