小程序自定义组件配合插槽和组件传值
创建组件目录
首先,在项目的 components
目录下创建一个新的文件夹来存放你的组件
/components/
└── my-component/
├── my-component.wxml
├── my-component.wxss
├── my-component.js
└── my-component.json
自定义组件
1.my-component.wxml
<view class="my-component" bindtap="handleTap">
<!-- 显示传入的 title 属性值 -->
<text>{
{title}}</text>
<!-- 显示点击次数 -->
<text>点击次数: {
{count}}</text>
<!-- 默认插槽 -->
<slot>
<text>默认插槽内容:这里可以放置自定义内容</text>
</slot>
<!-- 具名插槽,放置在底部的内容 -->
<view class="footer">
<slot name