小程序slot插槽的使用方式

在编写小程序的时候,如果你使用过组件一定遇到过这种情况,一大段业务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插槽

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 8,747评论 0 0
  • 微信小程序代码复用技术-模板/组件/插件 MD by Jimbowhy and you can visit my ...
    坚果jimbowhy阅读 13,710评论 1 13
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 12,152评论 0 9
  • 一个宁静的早上,天空微微下着小雪,小丽坐在椅子上惬意的喝着薰衣草茶,突然,朋友发来了一条消息。 “小丽,给你推荐一...
    溪月_094c阅读 1,144评论 1 3
  • 其实喜欢做一些需要自己灵感的设计类的事情,但无论是什么样的灵感,都是源自于无数的积累才能完成,而积累的过程往往都是...
    hanshankangkang阅读 1,391评论 0 0