前端

## 一、组件间传值

1. 定义组件
   ```javascript
     //modal.wxml
     <button bindtap="clickEvent">测试</button>

     //modal.js
     methods: {
       clickEvent: function (e) {
         var myEventDetail = {
           a: 1,
           b: 2,
           3: 2
         }; // 提供给事件的监听函数
         var myEventOption = {}; // 触发事件的选项
         debugger
         this.triggerEvent('CustumEvent', myEventDetail, myEventOption)
       }
     }


   ```
2. 调用组件
   ```javascript
     //index.json
     "usingComponents": {
       "modal":"../../components/modal/modal"
     }

     //index.wxml
     <view>
       <modal bindCustumEvent="onMyEvent"/>
     </view>

     //index.js
      onMyEvent: function (e) {
           console.log("----------------",e)
           console.log(e.detail); // 自定义组件触发的时候。提供的detail事件。将会返回当前点击的鼠标坐标
       }


   ```


一、组件间传值定义组件//modal.wxmlbuttonbindtap='clickEvent'测试/button//modal.jsmethods:{clickEvent:function(e){varmyEventDetail={a:1,b:2,3:2};//提供给事件的监听函数varmyEventOption={};//触发事件的选项debuggerthis.triggerEvent(&#

微信小程序 自定义组件

客户端

服务端

算法

工程

产品

信息安全

运维

微信小程序提供了丰富的组件和标签，用于构建更好的用户界面和交互体验。以下是一些常用的标签及其功能介绍：

<view>：用于显示文本或其他组件，类似于 HTML 中的 <div> 标签；
<text>：用于显示纯文本内容，类似于 HTML 中的 <span> 标签；
<image>：用于显示图片，支持本地图片和网络图片；
<button>：用于创建按钮组件，支持不同的样式和事件处理；
<input>：用于接受用户输入，支持不同的类型（如文本、数字、日期等）和事件处理；
<form>：用于组织输入控件和提交数据，支持表单验证和事件处理；
<swiper>：用于创建轮播图组件，支持不同的样式和事件处理；
<scroll-view>：用于创建可滚动的视图组件，支持不同的滚动方向和事件处理；
<picker>：用于创建选择器组件，支持不同的类型和事件处理；
<picker-view>：用于创建滚动选择器组件，支持不同的数据结构和事件处理。
除了上述标签之外，微信小程序还提供了许多其他的标签和组件，如地图组件、视频组件、音频组件、画布组件等，可根据具体需求进行选择和使用。

微信小程序 自定义组件

微信小程序自定义组件