小程序slot插槽的使用方式

2019-01-09  本文已影响0人  哟哟哟煎饼果子

在编写小程序的时候,如果你使用过组件一定遇到过这种情况,一大段业务wxml要插入一个通用组件上面,让其骨架看起来更加灵活,下面我们就来介绍一下slot的使用方式


组件A

//让其插槽定义一个属性name
<slot name="after"></slot>
  <!-- 插槽 -->

page页面
用组件时,在其组件闭合标签内编写要写入组件的wxml内容,
再在要写入得一段wxml内写入属性slot=”组件A中的name属性“

<tag-cmp text="{{item.content}}">
      <text slot="after">{{'+'+item.nums}}</text>
</tag-cmp>

组件A的js中
写入

options:{
    multipleSlots:true  //启用slot插槽
  },

表示启用slot插槽

上一篇 下一篇

猜你喜欢

热点阅读