收藏
回答

自定义组件的插槽内容继承

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 需求 客户端 7.0.3 2.1.1

一、问题

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


二、建议

    对于自定义组件的插槽内容,组件的调用页面可以选择继承或覆盖,默认继承父组件的插槽内容。

    2、示例

       a. 组件插槽定义如下(组件名为base):

        <view>

            <solt name="first">插槽01的内容</solt>

            <solt name="second">插槽02的内容</solt>

        <view>


       b. 调用页面如下:

        <base>

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

            <view solt="second">

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

            <view>

        </base>




最后一次编辑于  03-01  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • June
    June
    03-01

    你是希望支持插槽的默认内容是吧?比如下面的代码中会显示出 a:


    <!--base组件-->
     
    <view>
     
      <solt name="first">a</solt>
     
    <view>
     
     
     
    <!--页面-->
     
    <base></base>



    03-01
    赞同 1
    回复