当前位置: 首页 > article >正文

小程序自定义组件配合插槽和组件传值

创建组件目录

首先,在项目的 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

http://www.kler.cn/a/281871.html

相关文章:

  • leetcode 扫描线专题 06-leetcode.836 rectangle-overlap 力扣.836 矩形重叠
  • 实现了两种不同的图像处理和物体检测方法
  • 深入解析大带宽服务器:性能优势与选择指南
  • 小试牛刀-Anchor安装和基础测试
  • ES6进阶知识二
  • 视觉SLAM--经典视觉SLAM框架
  • C语言中的野指针
  • 深度强化学习算法(二)(附带MATLAB程序)
  • 【60天备战2024年11月软考高级系统架构设计师——第0天:详细规划与学习心得】
  • 软件设计原则之开闭原则
  • 序列化和反序列化,objectMapper 详解
  • C++ 当不同依赖有相同文件夹
  • Spring Boot 动态定时任务:实现与应用详解
  • Django后端架构开发:构建在线云媒资系统思路解析
  • SQLite 存储过程
  • 科学重温柯南TV版:基于B站视频数据分析
  • 网络协议概述,ip协议,TCP协议,udp协议,二者区别,python中用socket类实现网络通信程序的编写(服务器套接字实现TCP编程,UDP编程)
  • nginx转发接口地址【非常实用】
  • Flink内存调优
  • el-input按回车 界面自动刷新
  • 【C/C++】Sleep()函数详解
  • 苹果 iOS / iPadOS 18 beta8和iOS / iPadOS 18.1 beta3版本更新
  • 【生命之树】
  • 开环响应(频率响应+相移响应)+闭环响应(负反馈对带宽的影响+增益-带宽积)+正反馈与稳定性/补偿(选学)
  • DENCLUE算法原理及Python实践
  • 字典查找对应输入的字符