微信小程序开发自定义组件的插槽内容继承

时间：2019-04-29 来源：小程序工厂

一、问题
应用中所由页面都有着相同的结构，假设都包含header,body,footer，且除了某几个页面外，header和footer内容完全相同。此时，如果在自定义组件中提供三个插槽header、body、footer,且在插槽内定义内容，如“This is header.”，调用页面无法继承组件插槽的内容。

二、建议
对于自定义组件的插槽内容，组件的调用页面可以选择继承或覆盖，默认继承父组件的插槽内容。
2、示例
a. 组件插槽定义如下（组件名为base）：

插槽01的内容
插槽02的内容

b. 调用页面如下：

这里将会插入插槽first的内容,即该处内容为“插槽01的内容”。

这里的内容将会覆盖插槽second的内容。